HTML编辑器功能增强

登录

本帖最后由 Patrick.Zhu 于 2024-3-12 09:31 编辑

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

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

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

插入文本API
这个API可以让我们朝当前鼠标位置插入一个字符串。

// @param {String} text
$('#summernote').summernote('insertText', 'Hello, world');

复制代码

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

Patrick.Zhu · Patrick.Zhu

我描述一下，希望html编辑器可以根据已有的功能扩展，这没问题。
回到你的诉求，主要是这个，插入文本的功能，使用比较频繁，比如插入当前时间、当前日期，**单号等，希望能直接加一个设置，能新增插入文本的按钮，然后设置对应的公式。
还是主要是，希望支持自己加新的按钮，然后通过JS编写按钮的功能？

phoben · phoben

Patrick.Zhu 发表于 2024-2-1 18:07
我描述一下，希望html编辑器可以根据已有的功能扩展，这没问题。
回到你的诉求，主要是这个，插入文本的功 ...

如果能封装的话，最好是能给用户暴露一个自定义按钮的入口，用户可以自己设置多个按钮文字、以及点击后的功能，目前支持的功能有插入文字、插入链接、插入图片....等等。

Patrick.Zhu · Patrick.Zhu

感谢详细的解释，需求已记录，需求编号：FORGUNCY-20258

true · true

这个模板配置能出个demo吗，想做但一致没思路，不知道活字格怎么解析到对应的字符串

phoben · phoben

true 发表于 2024-2-2 17:54
这个模板配置能出个demo吗，想做但一致没思路，不知道活字格怎么解析到对应的字符串

嗯。有空我发一个吧

Patrick.Zhu · Patrick.Zhu

感谢超哥

gczxxu · gczxxu

VsCode代码编辑器试试看，支持html的

Patrick.Zhu · Patrick.Zhu

感谢大佬支持

Patrick.Zhu · Patrick.Zhu

超哥，我们评估之后，这个方案设计几乎没法做，没有收到其他用户的类似反馈，情况太少见了，我们不计划支持了。
如果超哥你想自己改的话，我们可以配合提供插件源码

		自动登录	找回密码
密码			立即注册

[暂不采纳] HTML编辑器功能增强

本帖子中包含更多资源

11 个回复

评分

时代开发者征文活动

微信认证勋章

悬赏达人

讲师达人

活字格认证

活字格高级认证