ckeditor注意事项

初始化编辑器方法
1.在class上加ckeditor

    <textare class='ckeditor'></textare>

2.使用CKEDITOR.replace()代替现有的<textarea> element

  <form> 
   <textarea name="editor1" id="editor1" rows="10" cols="80"> 
   This is my textarea to be replaced with CKEditor. 
   </textarea> 
  <script> 
   CKEDITOR.replace( 'editor1' );
  </script> 
 </form>

3.通过引入jquery的适配js文件,用jquery来初始化

<script src="jquery.js"></script>
<script src="ckeditor.js"></script>
<script src="adapters/jquery.js"></script>


<form> 
<textarea name="editor1" id="editor1" rows="10" cols="80">
 This is my textarea to be replaced with CKEditor. </textarea>
 <script> 
$('#editor1').ckeditor();
</script> 
</form>

由于不同的初始化,使得他们获取数据和填充数据的方式也有所区别
没有引入jquery 可以这样

CKEDITOR.instances.editor1.getData()//这里content是你textare的名字

引入jquery则可以直接

$('#editor1').text();
$('#editor1').html();

如果没有引用jquery在用ajax提交表单的时候如果直接用serialize方法,此时后台将获取不到textare的内容

data:$("#validateform").serialize()

只能通过第一种方式取值在提交

如果用jquery初始的则可以用jquery的serialize方法!

上传图片在config.js里设置路径,然后到程序的具体方法(首先要保证路径是正确的)
其它更具体的还是去官网查文档吧!http://docs.ckeditor.com/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,203评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,394评论 0 2
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,830评论 25 709
  • 小雯今天又被领导骂了,那个秃着头,一晃一晃的大肚男,这个月已经是第六次找小雯的麻烦了,都是些鸡毛蒜皮的小事,什么表...
    游曳梦生阅读 259评论 0 2
  • 九月一日晚九点,爸爸妈妈和我一起端坐在电视机前,等待着《开学第一课》的开讲。 今年《开学第...
    蟋蟀啊蟋蟀阅读 227评论 0 3