4.商家后台-商品录入【商品介绍】

4.1 需求分析

实现商品介绍的录入，要求使用富文本编辑器

4.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

[AppleScript] 纯文本查看 复制代码

<        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()方法中添加

[AppleScript] 纯文本查看 复制代码

$scope.entity.goodsDesc.introduction=editor.html();

4.1.1 清空 kindeditor 编辑器的内容

修改 goodsController.js 的 add 方法

4.商家后台-商品录入【商品介绍】

4.1 需求分析

实现商品介绍的录入，要求使用富文本编辑器

4.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

[AppleScript] 纯文本查看 复制代码

<        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()方法中添加

[AppleScript] 纯文本查看 复制代码

$scope.entity.goodsDesc.introduction=editor.html();

4.1.1 清空 kindeditor 编辑器的内容

修改 goodsController.js 的 add 方法