{
xtype : "textarea",
name : "msgcontent",
height : 250,
fieldLabel : "内容",
listeners : {
'render':function(){
setTimeout(function () {
var editor = KindEditor.create('textarea[name="msgcontent"]', {
allowFileManager: true,
cssPath : '/plugin/kindeditor/plugins/code/prettify.css',
uploadJson : 'plugin/kindeditor/jsp/upload_json.jsp',//图片上传
fileManagerJson : 'plugin/kindeditor/jsp/file_manager_json.jsp',//文件上传
items : [
'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
'insertunorderedlist', '|', 'emoticons', 'image', 'link'
]
});
me.setKindeditor(editor);
//载入KindEditor
}, 1);
}
}
}
第一次打开这个页面的时候没有问题,但关闭后,再打开就会报错:
Uncaught Ext.AbstractManager.register(): Registering duplicate id "content2" with this manager ,不知道为什么?
相关推荐
1. **核心文件**:`kindeditor.js` 和 `kindeditor-min.js` 是编辑器的主要脚本文件。前者是完整版,包含了所有功能,而后者是压缩版,适用于生产环境,以减少页面加载时间。这两个文件负责提供富文本编辑的功能,如...
4. **图片上传**:KindEditor内置了图片上传功能,但默认可能不支持阿里云OSS。需要按照教程配置图片上传处理函数,将上传逻辑指向阿里云OSS的API。 5. **阿里云OSS集成**:这通常涉及获取阿里云的AccessKey和...
本示例中,我们将讨论如何使用KindEditor这个流行的开源JavaScript富文本编辑器来创建一个Winform Html编辑器。 KindEditor是一款轻量级、可自定义的在线文本编辑器,通常用于网页应用。要将其集成到Winform应用中...
二十一、商城 - 商品录入-KindEditor 编辑器(9)7.youlexuan.zip
KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP、易语言 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。本程序示例上传本地图片到服务器并回显自动插入...
KindEditor 是一款开源的网页文本编辑器,专为Web应用设计,支持多种浏览器,包括IE6、Firefox、Chrome、Safari和Opera等。版本号3.5.1表明这是一个较早但仍然广泛应用的版本,而"zh_CN"则表示这是中文语言包,适合...
另外需注意的是 上传文件夹(Upload)一定要在根目录 不然会报错: -- 行: 1103 -- 错误: 拒绝访问。 -- 调试代码为 (我用的是...
KindEditor是非常好的富媒体文本编辑系统,短小精悍,可惜网上找到的都是有各种问题!一怒之下,我自己进行了修改和配置,搞成了一个网站示例.下载解压后,可以直接运行!!完全无问题.! Kindeditor版本好像官方2012年之后就...
KindEditor是一款功能强大的开源在线编辑器,主要用于网页内容的创建和编辑。它的“最简模式”是为了提供一个简洁、高效的编辑界面,使用户能够专注于文本输入,而不被复杂的格式选项所干扰。在这个模式下,编辑器的...
KindEditor 是一套开源的在线HTML编辑器,主要用于让... KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。
KindEditor.lang({ audio : 'MP3' }); KindEditor.options.htmlTags['audio'] = ['src', 'controls', 'autoplay', 'type']; KindEditor.options.htmlTags['source'] = ['src', 'controls', 'autoplay', 'type']; `...
富文本编辑器KindEditor是一款广泛应用于网页开发中的开源编辑器,它提供了丰富的文本格式化功能,使得用户在网页上能够方便地编辑和排版文本。KindEditor的主要特点是易用、可定制性强,支持多种浏览器环境,包括IE...
KindEditor作为一个活跃的开源项目,会定期发布新版本,修复已知问题,添加新功能,保持与技术发展同步,确保用户始终能享受到最新的编辑体验。 综上所述,KindEditor 4.1.11是一个功能全面、兼容性好、易用且可...
接下来,我们需要创建一个名为`kindeditor.vue`的Vue组件来封装KindEditor的功能。以下是一个简单的模板示例: ```html <div class="kindeditor"> <textarea :id="id" name="content" v-model="outContent"></...
路径/to/kindeditor/kindeditor.js"> 路径/to/kindeditor/lang/zh_CN.js"></script> 路径/to/kindeditor/plugins/code/prettify.js"> ``` 这里,确保替换 `路径/to/kindeditor` 为实际的文件路径。 然后,配置 ...
KindEditor 是一套开源的在线... KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。 附带本人使用的说明书。
7. **兼容性处理**:考虑到不同浏览器的兼容性问题,可能需要引入polyfills或使用Babel转换ES6+代码,确保在较旧的浏览器中也能正常工作。 以上就是将KindEditor集成到Vue后台管理系统的基本过程。通过这种方式,你...
下面将详细讨论KindEditor的主要特点、功能、使用方法以及与它相关的知识点。 KindEditor 的主要特点: 1. **跨平台**:基于JavaScript编写,支持所有主流浏览器,包括IE6+、Firefox、Chrome、Safari和Opera。 2. *...
- **js**:存放核心的JavaScript文件,如`kindeditor.js`,以及各种插件的脚本。 - **plugins**:包含各种预设插件,如图片管理、代码编辑等。 - **themes**:编辑器的主题样式文件夹,用户可以根据需要选择或...