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

Question

我有 [[name]]、[[lastname]] 等占位符的内容。
我想要从 [[ 到 ]] 的所有内容都突出显示，例如在黄色背景中，而将保存在数据库中的真实内容仍然是纯文本。

为了更容易理解，请看一下这个link。 https://ckeditor.com/docs/ckeditor4/latest/features/placeholder.html
它是 CKEditor 的占位符插件。这是工作示例。 https://ckeditor.com/docs/ckeditor4/latest/examples/placeholder.html

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

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>');
        });
    }
});

但是它将纯文本 [[placeholder]] 替换为 <span style="background: yellow;">[[placeholder]]</span> 这是错误的。

Answer 1

找到这个变量插件https://github.com/ziktar/tinymce-variable。

仍有一些错误，但最活跃。

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

Are there any plugin or code to add placeholder template for TinyMCE?

tinymce

tinymce-plugins