FCK编辑器还是有点老了,对一些新的浏览器兼容性不是很好,推荐使用ueditor编辑器。
UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码。
可以在编辑器中上传图片,可以添加字体颜色、背景颜色、设置字体和字体大小、设置对其方式、可以查看html代码、可以全屏编辑,支持下划线,加粗、添加链接、插入图片和表情等。
第一步:从官网下载ueditor的压缩包,并解压放到网站根目录下。
第二步:在需要加编辑器的页面引入编辑器文件:
<script type="text/javascript" charset="utf-8" src="/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/ueditor/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="/ueditor/lang/zh-cn/zh-cn.js"></script>
第三步:在需要放编辑器的地方加入如下代码:
<script id="editor" type="text/plain" style="width:100%;height:300px;"></script>
<input type="hidden" id="tbEditorHiddenInput" name="tbEditorHiddenInput" runat="server"/>
集成后的效果如下图:
如果大家集成有难度,可以加我Q1416759661