富文本编辑器

富文本编辑器介绍

富文本编辑器，Rich Text Editor, 简称 RTE, 它提供类似于 Microsoft Word 的编辑功能。常用的富文本编辑器

• KindEditor http://kindeditor.net/
• UEditor http://ueditor.baidu.com/website/
• CKEditor http://ckeditor.com/

下载（百度网盘）

链接：https://pan.baidu.com/s/17NZ8hoMNkxxvjrK3KR_Q0Q
提取码：0s5p
复制这段内容后打开百度网盘手机App，操作更方便哦

使用KindEditor完成商品录入

使用介绍

#### 简单使用

• 使用说明

    ---------------------------------------------------------------------------------- 
    allowFileManager 【是否允许浏览服务器已上传文件】 
    默认值是：false 
    ------------------------------------------------------ 
    allowImageUpload 【是否允许上传本地图片】 
    默认值是：true 
    ---------------------------------------------- 
    allowFlashUpload 【是否允许上传Flash】 
    默认值是：true 
    ---------------------------------------------- 
    allowMediaUpload 【是否允许上传多媒体文件】 
    默认值是：true 
    ------------------------------------------------ 
    pasteType 【设置粘贴类型】 
    0:禁止粘贴, 1:纯文本粘贴, 2:HTML粘贴（默认） 
    --------------------------------------------------- 
    resizeType 【设置可否改变编辑器大小】 
    0:不能改变 1:只能改变高度 2:宽度和高度都可以改变（默认） 
    ---------------------------------------------------------- 
    themeType 【主题风格】 
    可设置"default"、"simple"，指定simple时需要引入simple.css 
    ------------------------------------------------------------- 
    designMode 【可视化模式或代码模式】 
    数据类型：Boolean 
    默认值是：true(可视化) 
    ------------------------------------------ 
    afterCreate:function(){} 【编辑器创建后】 
    afterCreate:function(){ 
    //alert('创建完成'); 
    } 
    ------------------------------------------ 
    fontSizeTable 【制定文字大小】 
    数据类型：Array 
    默认值：['9px', '10px', '12px', '14px', '16px', '18px', '24px', '32px'] 
    ----------------------------------------------------------------------- 
    colorTable 【指定取色器里的颜色值】 
    数据类型：Array 
    [ 
    ['#E53333', '#E56600', '#FF9900', '#64451D', '#DFC5A4', '#FFE500'], 
    ['#009900', '#006600', '#99BB00', '#B8D100', '#60D978', '#00D5FF'], 
    ['#337FE5', '#003399', '#4C33E5', '#9933E5', '#CC33E5', '#EE33EE'], 
    ['#FFFFFF', '#CCCCCC', '#999999', '#666666', '#333333', '#000000'] 
    ] 
    上面是默认值 
    ---------------------------------------------------------------------------------- 
    【Ctrl+Enter提交】 
    afterCreate:function(){ 
    var self=this; 
    KindEditor.ctrl(self.edit.doc, 13, function() { 
    self.sync(); 
    //执行其他事件 
    }); 
    } 
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 
    var editor=KindEditor.create('#nr'); 
    【编辑器获取焦点】 
    editor.focus(); 
    【取得编辑器HTML内容】 
    var html=editor.html(); 
    【取得编辑器纯文本内容】 
    var text=editor.text(); 
    【移除编辑器】 
    editor.remove(); 
    【设置编辑器HTML】 
    editor.html('<strong>编辑器内容</strong>'); 
    【设置编辑器纯文本内容，直接显示HTML代码】 
    editor.text('<strong>编辑器内容</strong>'); 
    【判断编辑器内容是否为空】 
    if(editor.isEmpty()){ 
    alert('请输入内容'); 
    return false; 
    } 
    【将指定的HTML内容插入到编辑器区域里的光标处】 
    editor.insertHtml('<strong>插入内容</strong>'); 
    【将指定的HTML内容添加到编辑器区域的最后位置。】 
    editor.appendHtml('<strong>追加内容</strong>'); 
    【编辑器切换全屏模式】 
    editor.fullscreen(); 
    【设置编辑器的只读状态】 
    editor.readonly(false); //true:只读，false:取消只读