4.商家后台-商品录入【商品介绍】
4.1 需求分析
实现商品介绍的录入,要求使用富文本编辑器
.2 富文本编辑器介绍
富文本编辑器,Rich Text Editor, 简称 RTE, 它提供类似于 Microsoft Word 的编辑功能。常用的富文本编辑器:
KindEditor http://kindeditor.net/
UEditor http://ueditor.baidu.com/website/ CKEditor http://ckeditor.com/
4.3 使用 kindeditor完成商品介绍的录入
4.3.1 初始化 kindeditor 编辑器
在页面中添加 JS 代码,用于初始化 kindeditor
< script type="text/javascript">var editor; KindEditor.ready(function(K) {editor = K.create('textarea[name="content"]', { allowFileManager : true});});</script>allowFileManager 【是否允许浏览服务器已上传文件】 默认值是:false
4.1.1 提取 kindeditor 编辑器的内容
在 goodsController.js 中的 add()方法中添加
$scope.entity.goodsDesc.introduction=editor.html();
4.1.1 清空 kindeditor 编辑器的内容
修改 goodsController.js 的 add 方法