spring ckeditor and prettify sample -

victor_liao

浏览: 81058 次
性别:
来自: 北京

最近访客更多访客>>

yu690002351

tangyu477

danymood

u_xtian

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

spring ckeditor and prettify sample

博客分类：

Web开发

POM.XML

<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-core</artifactId>
			<version>${spring.version}</version>
		</dependency>

		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-web</artifactId>
			<version>${spring.version}</version>
		</dependency>

		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-webmvc</artifactId>
			<version>${spring.version}</version>
		</dependency>
		
		<dependency>
			<groupId>javax.servlet</groupId>
			<artifactId>servlet-api</artifactId>
			<version>2.5</version>
			<scope>provided</scope>
		</dependency>

web configuration

<servlet>
		<servlet-name>dispatcher</servlet-name>
		<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
		<load-on-startup>1</load-on-startup>
		<init-param>
			<param-name>contextConfigLocation</param-name>
			<param-value>/WEB-INF/demo-servlet.xml</param-value>
		</init-param>
	</servlet>

servlet configuration

<bean
		class="org.springframework.web.servlet.view.InternalResourceViewResolver">
		<property name="prefix">
			<value>/WEB-INF/pages/</value>
		</property>
		<property name="suffix" value=".jsp" />
	</bean>

ckeditor configuration

CKEDITOR.plugins.add('insertcode',

{

	requires : [ 'dialog' ],

	init : function(a)

	{

		var b = "insertcode";

		a.addCommand(b, new CKEDITOR.dialogCommand(b));

		a.ui.addButton("insertcode", {

			label : a.lang.toolbar,
			command : b,
			icon : this.path + "images/code.png"
		});

		CKEDITOR.dialog.add(b, this.path + "dialogs/insertcode.js");
	}

});

(function() {
	CKEDITOR.dialog.add("insertcode", function(editor) {

		var escape = function(value) {

			return value.replace(/&/g, '&amp;')

			.replace(/</g, '&lt;')

			.replace(/>/g, '&gt;')

			.replace(/\"/g, '&quot;')

			.replace(/\'/g, '&#39;');

		};

		return {
			title : "Insert Code Dialog",
			resizable : CKEDITOR.DIALOG_RESIZE_BOTH,
			minWidth : 420,
			minHeight : 350,
			contents : [ {
				id : "cb",
				name : "cb",
				label : "cb",
				title : "resource code",
				expand : true,
				width : "500px",
				height : "500px",
				padding : 0,
				elements : [
						{
							type : "select",
							label : "Select Language :",
							id : "lang",
							required : true,
							'default' : "java",
							items : [ [ 'C#', 'csharp' ], [ 'C++', 'cpp' ],
									[ 'CSS', 'css' ], [ 'Delphi', 'delphi' ],
									[ 'Html', 'xhtml' ],
									[ 'JavaScript', 'js' ], [ 'Java', 'java' ],
									[ 'Perl', 'perl' ], [ 'PHP', 'php' ],
									[ 'Python', 'py' ], [ 'Ruby', 'rails' ],
									[ 'SQL', 'sql' ], [ 'Visual Basic', 'vb' ],
									[ 'XML', 'xml' ] ]
						}, {
							type : 'textarea',
							style : 'width:450px;height:350px',
							label : 'Code',
							id : 'code',
							rows : 20,
							'default' : ''

						} ]
			} ],

			onOk : function() {

				code = this.getValueOf('cb', 'code');
				lang = this.getValueOf('cb', 'lang');
				html = '' + escape(code) + '';

				var i = 0;
				var tmp = '';
				var tclass = 'prettyprint';

				while (html.indexOf('\n') != -1) {
					var tnode = i % 2 ? 'nocode' : 'nocode1';
					++i;
					tmp += '<li class=\"' + tnode + '\"><pre class=\"' + tclass
							+ ' lang=' + lang + '\">';
					tmp += html.substring(0, html.indexOf('\n') + 1);
					html = html.substr(html.indexOf('\n') + 1);
					tmp += "</pre></li>";
				}

				tnode = i % 2 ? 'nocode' : 'nocode1';
				tmp += "<li class=\"" + tnode + "\"><pre class=\"" + tclass
						+ ' lang=' + lang + '\">' + html + "</pre></li>";
				editor.insertHtml("<ol class=\"olcode\">" + tmp + "</ol>");
			},

			onLoad : function() {
			}
		};

	});
})();


<script type="text/javascript" src="prettify/prettify.js"></script>
<script src="ckeditor/ckeditor.js"></script>

<link href="ckeditor/samples/sample.css" rel="stylesheet" />
<link href="prettify/prettify.css" type="text/css" rel="stylesheet" />

<style>
</style>

</head>
<body>
	<form name="myform" action="<%=request.getContextPath()%>/home/add.html"
		method="post">
		<textarea class="ckeditor" name="content"></textarea>
		<input type="submit" name="submit" />
	</form>

</body>

分享到：

Java 反射研究Demo | JMX with Spring

2013-09-06 18:23
浏览 1068
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

spring ckeditor and prettify sample

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

spring ckeditor and prettify sample

评论

发表评论

相关推荐

MyBatise 例子

VO与PO之间相互转换

删除重复记录的高效SQL

SQL 优化笔记

JMX 与Tomcat 集成

maven 配置例子

Spring transaction configuration.

spring integration summary

JDOME 特殊字符过滤

apache2.0和tomcat的整合

myeclipse 6.0 注册码

最近访客更多访客>>