近几天，修改的网站出现编辑器不能显示的问题。细查原因，大部分涉及到的js都报错了，好多函数也出现了不兼容的问题。改了好久，依旧无济于事，就想到要换一个新版本的编辑器。

在选编辑器的方面，我下了好几个编辑器做了对比和试用，最后发现有些编辑器都不是很好用，而且修改起来麻烦，而且很大，上传很费时间。经过筛选，使用了kindeditor 这个编辑器。（这个个编辑器可以适用php、asp、asp.net、jsp这些脚本程序）

使用起来也很方便，先将文件做一些修改，删除不必要的文件。然后将文件上传到制定目录！

1、在使用的页面，引入以下样式

引入样式：

href=”../kindeditor/themes/default/default.css”

href=”../kindeditor/plugins/code/prettify.css”

src=”../kindeditor/kindeditor.js”

src=”../kindeditor/lang/zh_CN.js”

2、用以下的代码实现，编辑器的显示：

<textarea id=”content” name=”content” style=”width:500px;height:300px;visibility:hidden;”>

</textarea>

3、最关键的一步是获取编辑器里面的值

KindEditor.ready(function(K) {

var editor1 = K.create(‘textarea[name="content"]‘,  {

cssPath : ’../kindeditor/plugins/code/prettify.css’,   //按照你的上传路径来定 css路径

uploadJson : ’../kindeditor/asp/upload_json.asp’,  //按照你的上传路径来定  文件上传路径

fileManagerJson : ’../kindeditor/asp/file_manager_json.asp’,   //按照你的上传路径来定

allowFileManager : true,

下面的一部分    afterBlur: function(){ this.sync();  } 是最重要的，在asp程序中时，这一步是必须的，当失去焦点时执行 this.sync();     this.sync(); 这个函数简单的说：就是同步KindEditor的值到textarea文本框

afterBlur: function()

{

this.sync();

}

});

prettyPrint();

});

做到以上这些，即可实现旧编辑器换新了！