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

2022-06-10    分类: 网站建设

或许我们一个页面有需要用到多个文本编辑器的情况,那我们该怎么办呢?  
本人查阅了很多资料最后终于找到一种方法,可以通过自定义编辑器的工具栏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>

文章名称:如何在一个页面添加多个不同的kindeditor编辑器
文章链接:https://www.cdcxhl.com/news9/165859.html

成都网站建设公司_创新互联,为您提供企业建站Google营销型网站建设定制网站品牌网站制作建站公司

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

商城网站建设