KindEditor,好用的文本编辑器

KindEditor,一款效果还挺不错的文本编辑器。它的本质还是一个js库,不仅可以由程序员编程时添加到页面中去,官方还提供了它扩展出来的wordpress后台编辑器插件,代替了wordpress自带的简陋的文本编辑器!而且,更加神奇的是,KindEditor还支持代码的高亮显示和行号显示。

//获取提交的表单数据
//方式一获取
/*
*普通方法,通过request对象中的getParameter()方法获取需要的数据
*/
String name = request.getParameter("name");
String age = request.getParameter("age");
String description = request.getParameter("description");
//方法二获取
/*
*通过request对象中的getParameterNames()方法获取输入数据的name属性枚举
*通过遍历枚举获取所有name,并利用getParameter()方法获取对应值
*/
Map<String,String> map = new HashMap<String,String>();
Enumeration names =  request.getParameterNames();
while(names.hasMoreElements()){
	String key = (String)names.nextElement();
	String value = request.getParameter(key);
	map.put(key, value);
}
//方法三获取
/*
*通过request对象中的getParameterMap()方法获取提交数据的map集合,
*不过要注意的是键值对是String:String[]
*/
Map nextMap = request.getParameterMap();//键是String,值是String[]

	
//数据输出
PrintWriter pw = response.getWriter();
//方式一打印
pw.println("name:" + name + "<br />");
pw.println("age:" + age + "<br />");
pw.println("description:" + description + "<br /><hr />");
//方法二打印
Set<Entry<String,String>> set = map.entrySet();
Iterator<Entry<String,String>> it = set.iterator();
while(it.hasNext()){
	Entry<String,String> entry = (Entry<String,String>)it.next();
	String key = entry.getKey();
	String value = entry.getValue();
	pw.println(key + ":" + value + "<br />");
}
pw.println("<hr />");
//方法三遍历
Set<Entry<String,String[]>> nextSet = nextMap.entrySet();
Iterator<Entry<String,String[]>> nextIt = nextSet.iterator();
while(nextIt.hasNext()){
	Entry<String,String[]> entry = (Entry<String,String[]>)nextIt.next();
	String key = entry.getKey();
	String[] value = entry.getValue();
	pw.println(key + ":" + value[0] + "<br />");
}

代码的高亮显示,需要在KindEditor后台(可以在“设置”中找到)勾选启用高亮,并选择喜欢的风格!

至于显示行号,还需要修改此插件的源代码。找到KindEditor的源代码,找到文件/wp-content/plugins/kindeditor-for-wordpress-master/plugins/code/code.js,进行如下设置:

html = '<pre class="prettyprint' + cls + '">\n' + K.escape(code) + '</pre> ';
更改为:
html = '<pre class="prettyprint linenums' + cls + '">\n' + K.escape(code) + '</pre> '

稍后你将看到一个还算说得过去的高亮并显示行号的代码显示窗口~

© 2014, 李德涛博客. 版权所有.

《KindEditor,好用的文本编辑器》有1个想法

发表评论

电子邮件地址不会被公开。 必填项已用*标注