kindedit如何在光标处插入外部内容?
首先,我是request.js方式引入的,所以网上的那些代码不适用
有一个方案好像很靠近我的需求
编辑器KindEditor4.1.7怎么实现点击按钮后 把内容 插入到 KindEditor 光标处
解答:官方有自定义插件配置的文档和demo .
链接如下:
http://kindeditor.net/ke4/examples/custom-plugin.html
怎么配置可以查看KindEditor官方文档
http://kindeditor.net/doc.php
具体配置自定义插件的官方文档如下
添加自定义插件http://kindeditor.net/docs/plugin.html
- 添加”inserthtml”插件
1.1 添加plugins/insertcontent/insertcontent.js文件 到kindeditor编辑器的插件目录下,记得新建文件夹insertcontent,然后把insertcontent.js 放入。
/*******************************************************************************
-
@author lijianshe 305347185@qq.com
-
@licence http://www.kindsoft.net/license.php
*******************************************************************************/
KindEditor.plugin('insertcontent', function(K) {
var editor = this, name = 'insertcontent';
// 点击图标时执行
editor.clickToolbar(name, function() {
//editor.insertHtml('这里插入要自动插入的内容哦 by itlife365.com 分享,不能换行哦,不然为无法插入哦');
editor.insertHtml('点击这里购买——背带阔腿裤两件套');
});
});
1.2 定义语言,在页面的
的方式引入的话,则通过需要到指定目录下打开文件zh_CN.js 添加内容
,
insertcontent : '自动插入导购内容by itlife365.com'
到最后 }, 'zh_CN'); 的前面,这样按钮就会在最后显示了。你也可以自己调整。
1.3 定义工具栏图标的CSS,在页面的
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通