需求分析
实现商品介绍的录入,要求使用富文本编辑器
富文本编辑器,Rich Text Editor, 简称 RTE, 它提供类似于 Microsoft Word 的编辑功能。常用的富文本编辑器:
KindEditor http://kindeditor.net/ UEditor http://ueditor.baidu.com/website/ CKEditor http://ckeditor.com/
使用 kindeditor 完成商品介绍的录入 1.初始化 kindeditor 编辑器在页面中添加 JS 代码,用于初始化 kindeditor
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="content"]', {
allowFileManager : true
});
});
2.提取 kindeditor 编辑器的内容
在 goodsController.js 中的 save()方法中添加
$scope.entity.goodsDesc.introduction=editor.html();
3.清空 kindeditor 编辑器的内容
修改 goodsController.js 的 save 方法
function(response){
if(response.success){
alert("保存成功");
$scope.entity={};
editor.html('');//清空富文本编辑器
}else{
alert(response.message);
}
}