CKeditor的安装和基本使用

今天在项目中有用到CKeditor，发现这个编辑器还是挺好用的，虽然功能不是很多，不像百度编辑器功能那么全，但是所拥有的功能还是很实用的，一般不是什么特殊要求，这个编辑器都能做到！

编辑器下载地址： http://download.csdn.net/detail/pttaoge/9922056

下载后解压后，打开CKeditor文件夹，会出现这样的一个界面

之后只要把CKeditor这个文件夹复制到webapp下面就行了

到了这一步，后面就是你在需要用它的jsp页面里去引用它了

js的引用

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

相应的HTML代码

<textarea rows="30" cols="50" id="editor01" name="editor01"></textarea>

script，下面这段话让它写在页面一加载完就执行的函数里面

editor=CKEDITOR.replace( 'editor01' );

下面是取编辑器里面的值，content就是编辑器里面的内容，它默认是HTML格式的

$('#editor01').val(editor.getData());<!--editor.getData()使用来取编辑器里面的值的，相应的editor.setData()这个方法可以设置编辑器的内容-->
var content=$.trim($("#editor01").val());

以上就是CKeditor的一些基本操作

转载于:https://my.oschina.net/zswlist/blog/1503520