Ckeditor编辑器使用的非常广泛,现在总结一下ckeditor最基本的使用方法。
首先下载ckeditor,然后将文件夹放大WebRoot根目录下或者某个文件夹下。
在使用到的页面先引入:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/ckeditor/ckeditor.js"></script>
这里同时也引用到了jQuery,因为后面使用AJAX传输数据会方便一些。
在要使用到ckeditor的编辑区域添加代码:
<textarea id="content" class="ckeditor" name="content"></textarea>
然后添加JavaScript代码:
var content = CKEDITOR.instances.content.getData();
var contentNoHtml = CKEDITOR.instances.content.document.getBody().getText();
现在就获取到了编辑器里面的内容了,其中前者是带格式的内容,后者是不带格式的纯文本内容,后面再使用AJAX传输数据即可。