富文本ckeditor的安装和使用详解

1.将ckeditor资源包导入目标项目中
2.在相应的页面引用ckeditor的JS文件，即资源包路径
3.写JavaScript语句:<script type="text/javascript">
CKEDITOR.replace('XXXX',{  toolbar :     
 [      ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'], 

['Bold', 'Italic','Underline', 'Subscript','Superscript','NumberedList', 'BulletedList','Link','FontSize'],              

         ['Styles','Font','TextColor','Smiley','SpecialChar','Table'],

['Find']
 ],
uiColor:'9AB8F3'     
})

其中XXXX是对应的textarea的name属性。通过该js将其渲染为富文本

（ <textarea style="width: 100%;" style="resize: none;"

name="edit_know_content" id="edit_know_content"></textarea>）

4.可以配置需要的工具栏。详情见资源包下的config.js

点击打开链接