富文本编辑器,Rich Text Editor, 简称 RTE,
它提供类似于 Microsoft Word 的编辑功能。
常用的富文本编辑器:
1. KindEditor http://kindeditor.net/
2. UEditor http://ueditor.baidu.com/website/
3. CKEditor http://ckeditor.com/
常用操作,看《kindeditor-4.1.10》完整的源码
保存内容的使用步骤:
-
页面引入script文件
<!-- 富文本编辑器 --> <link rel="stylesheet" href="../plugins/kindeditor/themes/default/default.css" /> <script charset="utf-8" src="../plugins/kindeditor/kindeditor-min.js"></script> <script charset="utf-8" src="../plugins/kindeditor/lang/zh_CN.js"></script>
-
在当前页面上初始化编辑器
<script type="text/javascript"> //初始化富文本编辑器 var editor; KindEditor.ready(function(K) { editor = K.create('textarea[name="content"]', { allowFileManager : true //是否允许浏览服务器已上传文件 }); }); </script>
-
(angularJS)在controller.js文件的保存操作中
- 获取富文本编辑器中的内容,赋值给实体
$scope.entity.goodsDesc.introduction = editor.html(); - 添加成功之后,设置编辑器中的内容为空
editor.html(’’);
- 获取富文本编辑器中的内容,赋值给实体