请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

phoben 讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2024-2-1 13:45  /   查看:377  /  回复:8
本帖最后由 Patrick.Zhu 于 2024-2-2 13:50 编辑

目前活字格的“HTML编辑器”使用的是"Summernote"库


在项目中,我们会使用它来作为模板编辑器,为了方便用户在当前光标处插入内容,我不得不使用JS来记录光标位置,然后插入文字到DOM源中。
这样做很麻烦,我发现Summernote起始是有相关的API的,希望官方可以集成。

自定义按钮API
这个API可以允许我们在编辑器里定义额外的按钮,并实现一些动作,比如插入文本到编辑器内。



插入文本API
这个API可以让我们朝当前鼠标位置插入一个字符串。
  1. // @param {String} text
  2. $('#summernote').summernote('insertText', 'Hello, world');
复制代码


使用场景:
这是一个实际使用场景,用户定义邮件模板,我们后期将对该模板内容进行替换。
这里插入方式,目前实现起来比较麻烦,希望能将"Summernote"的更多API封装到插件里,实现更灵活、更强大的HTML编辑器。







本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

8 个回复

倒序浏览
Patrick.Zhu
超级版主   /  发表于:2024-2-1 18:07:27
沙发
我描述一下,希望html编辑器可以根据已有的功能扩展,这没问题。
回到你的诉求,主要是这个,插入文本的功能,使用比较频繁,比如插入当前时间、当前日期,**单号等,希望能直接加一个设置,能新增插入文本的按钮,然后设置对应的公式。
还是主要是,希望支持自己加新的按钮,然后通过JS编写按钮的功能?
回复 使用道具 举报
phoben讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2024-2-1 20:18:32
板凳
Patrick.Zhu 发表于 2024-2-1 18:07
我描述一下,希望html编辑器可以根据已有的功能扩展,这没问题。
回到你的诉求,主要是这个,插入文本的功 ...

如果能封装的话,最好是能给用户暴露一个自定义按钮的入口,用户可以自己设置多个按钮文字、以及点击后的功能,目前支持的功能有插入文字、插入链接、插入图片....等等。
回复 使用道具 举报
Patrick.Zhu
超级版主   /  发表于:2024-2-2 13:51:13
地板
感谢详细的解释,需求已记录,需求编号:FORGUNCY-20258
回复 使用道具 举报
true
中级会员   /  发表于:2024-2-2 17:54:27
5#
这个模板配置能出个demo吗,想做但一致没思路,不知道活字格怎么解析到对应的字符串
回复 使用道具 举报
phoben讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2024-2-2 20:00:59
6#
true 发表于 2024-2-2 17:54
这个模板配置能出个demo吗,想做但一致没思路,不知道活字格怎么解析到对应的字符串

嗯。有空我发一个吧
回复 使用道具 举报
Patrick.Zhu
超级版主   /  发表于:2024-2-4 17:29:55
7#
感谢超哥
回复 使用道具 举报
gczxxu
银牌会员   /  发表于:2024-2-17 18:07:00
8#
VsCode代码编辑器试试看,支持html的
回复 使用道具 举报
Patrick.Zhu
超级版主   /  发表于:2024-2-18 15:29:57
9#
感谢大佬支持
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部