找回密码
 立即注册

QQ登录

只需一步,快速开始

phoben 讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2024-3-28 21:12  /   查看:1469  /  回复:23
本帖最后由 phoben 于 2024-4-1 10:49 编辑

功能亮点:
1. 原生API实现内置按钮和功能,可以朝编辑器插入自定义参数、表格;
2. 后端配套插件实现替换编辑器内的参数、表格数据;
3. 个性化交互,动态参数和表格支持自定义样式、名称等,生成效果保持一致;



你有没有遇到下列场景:

一、制作邮件、合同等内容模板,需要固定格式,但部分内容需要无损替换?
二、需要用户在网页自主完成模板设计,而不需要重新开发和发布程序?



解决方案:
这次给大家带来一个全新的插件包(已提交应用市场)来解决这个问题,不但使用体验更好,而且新人也容易上手。
该插件名为“富文本编辑器增强”,内含多款配套插件工具,采用与官方一致的API,轻量、稳定、好用。有了它您可以轻松使用富文本编辑器来创建“动态模板”内容,插件巧妙的将模板参数融入到编辑器中,并可以实时进行解析。


添加动态参数


添加动态表格

录屏演示:



实现步骤
1、朝富文本编辑器里签入自定义按钮,用于朝内容中插入“参数”;
2、解析HTML内容,将所有参数提取出来,并完成无损替换;
3、为富文本编辑器增加若干事件,用于捕捉用户行为;


上方提到的几个插件,都已经打包成一个插件,在应用市场搜索“富文本编辑器增强”即可找到。
传送门:富文本编辑器增强插件包 - 葡萄城市场 (grapecity.com.cn)




视频教程
文字描述可能不太全面,这里有配套视频使用方法 请移步B站观看:
传送门:活字格中利用富文本编辑器制作动态模板-超哥_哔哩哔哩_bilibili
注意:新版本已更新对数据表格的支持,视频中未包含此部分讲解。



总结
通过增加插件,我们可以无损的在富文本编辑器中添加自定义按钮,用户通过点击按钮可以插入参数,参数是彩色标签块显示,且不允许修改内容,确保参数的规范性。最后通过插件工具解析参数并完成替换。

评分

参与人数 4满意度 +20 收起 理由
fanhuayimeng + 5
robert + 5
lovert + 5
chinameng + 5

查看全部评分

23 个回复

正序浏览
phoben讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2024-4-2 11:37:56
24#
qweqwe123 发表于 2024-4-2 11:12
两个电脑都测试了,创建对象是看了你的视频后才安装的,应该是最新版本。多个电脑都报错。能发个简单的de ...

可以加我微信,发给我试试  phoben
回复 使用道具 举报
qweqwe123
初级会员   /  发表于:2024-4-2 11:12:22
23#
phoben 发表于 2024-4-2 09:38
我这边用10来测也是正常的,你可能要检查下你的 创建对象插件,是不是版本太低

两个电脑都测试了,创建对象是看了你的视频后才安装的,应该是最新版本。多个电脑都报错。能发个简单的demo吗,看看是不是电脑环境的问题。目前版本9.0.103
回复 使用道具 举报
qweqwe123
初级会员   /  发表于:2024-4-2 10:53:32
22#
phoben 发表于 2024-4-2 09:30
注意看,插件版本支持到 9.0.103,10 还是测试版,所以没做支持和测试

目前用的是9.0.103端 不是10哦
回复 使用道具 举报
phoben讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2024-4-2 09:38:43
21#

image.png446267089.png


我这边用10来测也是正常的,你可能要检查下你的 创建对象插件,是不是版本太低
回复 使用道具 举报
phoben讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2024-4-2 09:30:18
20#
qweqwe123 发表于 2024-4-2 09:09

注意看,插件版本支持到 9.0.103,10 还是测试版,所以没做支持和测试
回复 使用道具 举报
qweqwe123
初级会员   /  发表于:2024-4-2 09:09:14
19#
qweqwe123 发表于 2024-4-2 09:06
还是不行 一样的报错

1712020140916.png250551146.png
回复 使用道具 举报
qweqwe123
初级会员   /  发表于:2024-4-2 09:06:23
18#
phoben 发表于 2024-4-2 08:30
版本 10 的,就别用创建对象这个插件,换别的来生成个

image.png31964415.png    还是不行 一样的报错
回复 使用道具 举报
qweqwe123
初级会员   /  发表于:2024-4-2 09:03:28
17#
phoben 发表于 2024-4-2 08:30
版本 10 的,就别用创建对象这个插件,换别的来生成个

貌似··你的视频教学是 用的创建对象····这个问题应该要解决吧,不然都会遇到这个问题
回复 使用道具 举报
phoben讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2024-4-2 08:30:37
16#
qweqwe123 发表于 2024-4-2 07:18
1、
2、


版本 10 的,就别用创建对象这个插件,换别的来生成个
回复 使用道具 举报
123下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部