是否有插件或代码为TinyMCE添加占位符模板？

我有占位符内容，如

[[name]]

，

[[lastname]]]

我希望从

[[

到

]

的所有内容都突出显示，例如在黄色背景中，而将保存在DB中的真实内容仍然是纯文本

为便于理解，请查看此链接
它是CKEditor的占位符插件。这是工作样本

目前我对TinyMCE和这段代码使用textpattern插件

tinymce.init({
    // options...
    'textpattern_patterns': [
        {'start': '[[', 'end': ']]', 'cmd': 'KPHW'}
    ],
    'setup': function(editor) {
        editor.addCommand('KPHW', function(ui, v) {
            let contentText = editor.selection.getContent({ format: 'text' });
            editor.execCommand('mceInsertContent', false, '<span style="background-color: yellow;">[[' + contentText + ']]</span>');
        });
    }
});

tinymce.init({
//选项。。。
“文本模式\u模式”：[
{'start'：'[['，'end'：']]'，'cmd'：'KPHW'}
],
“设置”：函数（编辑器）{
editor.addCommand（'KPHW'，函数（ui，v）{
让contentText=editor.selection.getContent（{format:'text'}）；
execCommand（'mceInsertContent'，false，[['+contentText+']]'）；
});
}
});

---

但是它将纯文本

[[placeholder]]

替换为

[[placeholder]]]

，这是错误的。

找到了这个变量插件

---

仍然有一些bug，但最为活跃。

这条评论帮了我大忙，它与我无关，我也没有答案，但我找不到一个简单的方法在TinyMCE上添加自定义命令，这帮了我的忙，谢谢！