kindeditor-4.1.10文本编辑器多个绑定

来源:互联网 发布:网络招聘信息平台 编辑:程序博客网 时间:2024/06/05 11:17

如题,就是在同一个页面使用多个kindeditor编辑器

具体实现见下面——

HTML:

...

 

<link rel="stylesheet" href="/Scripts/kindeditor-4.1.10/themes/default/default.css" />
<link rel="stylesheet" href="/Scripts/kindeditor-4.1.10/plugins/code/prettify.css" />
<script charset="utf-8" src="/Scripts/kindeditor-4.1.10/kindeditor-all.js"></script>
<script charset="utf-8" src="/Scripts/kindeditor-4.1.10/lang/zh-CN.js"></script>
<script charset="utf-8" src="/Scripts/kindeditor-4.1.10/plugins/code/prettify.js"></script>

 <td style=" padding:10px;">                                <textarea name="txt_daily_@(platTypeList[i])_@(column.Id)" id="txt_daily_@(platTypeList[i])_@(column.Id)" cols="10" rows="1" style="width:500px;height:28px;"  textareatype="qitashix">@temp.Value</textarea>                            </td>

...


javascript:

<script type="text/javascript">    var KindEditorArr = [];    KindEditor.ready(function (K) {        var texareaArr = [];        $('textarea[textareatype=qitashix]').each(function (index, item) {            texareaArr.push(item);        });        for (var i = 0; i < texareaArr.length; i++) {            var txtarea_id = '#' + texareaArr[i].id; //alert(txtarea_id);            var editor1 = K.create(txtarea_id, {                width: "500px",                height: "28px",                minWidth: "500px",                minHeight: "28px",                cssPath: '/Scripts/kindeditor-4.0.1/plugins/code/prettify.css',                uploadJson: '/Scripts/kindeditor-4.0.1/asp.net/upload_json.ashx',                fileManagerJson: '/Scripts/kindeditor-4.0.1/asp.net/file_manager_json.ashx',                allowFileManager: true,                items: [                  'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',                  'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',                  'insertunorderedlist', '|', 'emoticons', 'image', 'multiimage', 'link', 'table'],                afterCreate: function () {                  var self = this;//                    K.ctrl(document, 13, function () {//                        self.sync();//                        //document.forms['example'].submit();//                    });//                    K.ctrl(self.edit.doc, 13, function () {//                        self.sync();//                        //document.forms['example'].submit();//                    });                    //self.sync();                 },                afterBlur: function () { var self = this; self.sync();  }//alert(self.html());            });             KindEditorArr.push(editor1);        }        prettyPrint();    });</script>



0 0
原创粉丝点击