如何在一个页面添加多个不同的kindeditor编辑器

       kindeditor官方下载地址：http://kindeditor.net/down.php

　    （入门必看）kindeditor官方文档：http://kindeditor.net/doc.php

　　 （入门必看）Kindeditor编辑器初始化参数文档：http://kindeditor.net/docs/option.html

　　或许我们一个页面有需要用到多个文本编辑器的情况，那我们该怎么办呢？   本人查阅了很多资料最后终于找到一种方法，可以通过自定义编辑器的工具栏items属性，来实现：

直接上JS了：

<span class="lspan"><font color="red">*</font>商品信息：</span><%--<span class="lspan">
<input id="txtProductInfo" placeholder="请输入商品信息" value="<%=product.ProductInfo %>"
                                                name="txtProductInfo" type="text" maxlength="25" style="width: 444px" /></span>--%>
<script type="text/javascript">
        KindEditor.ready(function (K) {
        editor = K.create('#txtProductInfo', {
        cssPath: '../kindeditorx/plugins/code/prettify.css',
        uploadJson: '../kindeditorx/asp.net/upload_json.ashx',
        fileManagerJson: '../kindeditorx/asp.net/file_manager_json.ashx',
        minWidth: 444,
        minHeight: 200,
        maxWidth: 444,
        resizeType: 1,
        filterMode: false,
        allowFileManager: true,
        items: ['source', '|', 'undo', 'redo', '|', 'justifyleft', 'justifycenter', 'justifyright',
               'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript', 'superscript',
                'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '|', 'forecolor','hilitecolor','bold','italic'
                ,'underline','strikethrough','lineheight','removeformat'
               ]
        });
});
</script>
<textarea id="txtProductInfo" rows="5" cols="" style="width: 400px;"><%=product.ProductInfo %></textarea>

重点：

下面这些自定义显示工具是关键，其他的编辑器只需要修改items属性就可以了。

items: ['source', '|', 'undo', 'redo', '|', 'justifyleft', 'justifycenter', 'justifyright',
               'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript', 'superscript',
                'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '|', 'forecolor','hilitecolor','bold','italic'
                ,'underline','strikethrough','lineheight','removeformat'
               ]
        });

如下效果图：

 

关于items参数的解释如下：

source	HTML代码
preview	预览
undo	后退
redo	前进
cut	剪切
copy	复制
paste	粘贴
plainpaste	粘贴为无格式文本
wordpaste	从Word粘贴
selectall	全选
justifyleft	左对齐
justifycenter	居中
justifyright	右对齐
justifyfull	两端对齐
insertorderedlist	编号
insertunorderedlist	项目符号
indent	增加缩进
outdent	减少缩进
subscript	下标
superscript	上标
formatblock	段落
fontname	字体
fontsize	文字大小
forecolor	文字颜色
hilitecolor	文字背景
bold	粗体
italic	斜体
underline	下划线
strikethrough	删除线
removeformat	删除格式
image	图片
flash	Flash
media	视音频
table	表格
hr	插入横线
emoticons	插入表情
link	超级链接
unlink	取消超级链接
fullscreen	全屏显示
about	关于
print	打印
code	插入程序代码
map	Google地图
baidumap	百度地图
lineheight	行距
clearhtml	清理HTML代码
pagebreak	插入分页符
quickformat	一键排版
insertfile	插入文件
template	插入模板
anchor	插入锚点

转载于:https://www.cnblogs.com/lxhbky/p/6187266.html