本帖最后由 phoben 于 2024-4-1 10:49 编辑
功能亮点:
1. 原生API实现内置按钮和功能,可以朝编辑器插入自定义参数、表格;
2. 后端配套插件实现替换编辑器内的参数、表格数据;
3. 个性化交互,动态参数和表格支持自定义样式、名称等,生成效果保持一致;
你有没有遇到下列场景:
一、制作邮件、合同等内容模板,需要固定格式,但部分内容需要无损替换?
二、需要用户在网页自主完成模板设计,而不需要重新开发和发布程序?
解决方案:
这次给大家带来一个全新的插件包(已提交应用市场)来解决这个问题,不但使用体验更好,而且新人也容易上手。
该插件名为“富文本编辑器增强”,内含多款配套插件工具,采用与官方一致的API,轻量、稳定、好用。有了它您可以轻松使用富文本编辑器来创建“动态模板”内容,插件巧妙的将模板参数融入到编辑器中,并可以实时进行解析。
添加动态参数
添加动态表格 录屏演示:
实现步骤
1、朝富文本编辑器里签入自定义按钮,用于朝内容中插入“参数”;
2、解析HTML内容,将所有参数提取出来,并完成无损替换;
3、为富文本编辑器增加若干事件,用于捕捉用户行为;
上方提到的几个插件,都已经打包成一个插件,在应用市场搜索“富文本编辑器增强”即可找到。
传送门:富文本编辑器增强插件包 - 葡萄城市场 (grapecity.com.cn)
视频教程
文字描述可能不太全面,这里有配套视频使用方法 请移步B站观看:
传送门:活字格中利用富文本编辑器制作动态模板-超哥_哔哩哔哩_bilibili
注意:新版本已更新对数据表格的支持,视频中未包含此部分讲解。
总结
通过增加插件,我们可以无损的在富文本编辑器中添加自定义按钮,用户通过点击按钮可以插入参数,参数是彩色标签块显示,且不允许修改内容,确保参数的规范性。最后通过插件工具解析参数并完成替换。
|