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
- kindeditor-4.1.10文本编辑器多个绑定
- kindeditor-4.1.7--- 文本编辑器
- 配置KindEditor文本编辑器
- kindeditor文本编辑器使用
- kindeditor富文本编辑器
- 使用kindeditor文本编辑器
- kindeditor 文本编辑器
- kindeditor文本编辑器
- 如何在一个页面上添加多个KindEditor富文本编辑器
- kindeditor 一个页面多个编辑器
- 动态创建多个KindEditor编辑器
- easyui编辑器(kindeditor-4.1.10)
- 【JavaScript】KindEditor在线文本编辑器
- KindEditor在线文本编辑器使用
- 网页文本 编辑器 KindEditor NicEditor
- Kindeditor文本编辑器基本配置
- kindeditor富文本编辑器配置
- Html编辑器,富文本编辑器KindEditor使用
- Lua math 库
- 最美学生会主席完爆北大小师妹 艺术生面孔学霸心K掉古装秀
- myEclipse自带jdk与oracle下载过来的jdk使用对比
- module_init的加载和释放
- XP下如何共享文件,及开启相应的服务
- kindeditor-4.1.10文本编辑器多个绑定
- javascript验证表单输入
- axis 客户端 tomcat jsp调用最少jar
- Activity生命周期
- eclipse error: * could not be resolved
- Redis 使用注意事项
- Android 使用NineOldAndroids实现绚丽的ListView左右滑动删除Item效果
- Android--SparseArray替代HashMap
- NGUI减少draw call