在TinyMCE中将代码段添加为自己的对象

我正在开发一个基于TinyMCE的邮件编辑器，在该编辑器中，用户应该能够插入“片段”/“模板”/“占位符”，它们应该被视为单位，而不是文本。例如，在为活动创建给参与者的电子邮件时，一个“模板”应该是[EventName]或[ParticipantName]。用户可以选择“模板”在邮件中的位置，发送时，它将替换为活动和参与者的实际名称

我认为它是一种html元素，插入到文本中，因此它在删除时的行为就像一个字符——整个元素被删除，而不仅仅是其中的一部分

例如：

你好[参与者姓名]！欢迎来到[EventName]，我们希望您会喜欢它

编辑时不应发生这种情况（“模板”的一部分已删除）：

---

您好[ParticipantN！欢迎来到[EventName]，我们希望您会喜欢。

我将查看

不可编辑的插件，并创建一些特殊的标记，使用不可编辑的插件使每个标记在编辑器中充当一个“角色”


以下是一个例子：

请注意，带有
contenteditable=“false”
的
span
标记在编辑器中的作用类似于单个字符-不能在整个
span
中键入

您还可以选择使用CSS以某种方式突出显示这些项目，以表示它们是内容中的特殊标记：

我将查看
不可编辑的
插件，并创建一些特殊的标记，这些标记使用不可编辑的插件使每个标记像编辑器中的一个“字符”


以下是一个例子：

请注意，带有
contenteditable=“false”
的
span
标记在编辑器中的作用类似于单个字符-不能在整个
span
中键入

您还可以选择使用CSS以某种方式突出显示这些项目，以表示它们是内容中的特殊标记：

您可能正在寻找的是
不可编辑的
插件

您可能正在寻找的是
不可编辑的
插件

我在研究中偶然发现了这一点，但没有尝试过-看起来很棒！我在研究中偶然发现了这一点，但没有尝试过-看起来很棒！