CKeditor的安装和基本使用

xiaoxiao2021-02-28  144

今天在项目中有用到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://www.6miu.com/read-24158.html

最新回复(0)