Question

以下是我如何启动TinyMCE：

tinymce.init({
    selector: '.editable',
    inline: true,
    contextmenu: false,
    setup: function (editor) {
      editor.on('blur', function (e) {
        var content = editor.getContent();
        if ( !content )
           selector.text('Enter text here...');
      });
    }
});

我基本上想要的是使用一些占位符，以防用户删除了当前.editable元素中的所有内容。上面的代码不起作用，因为未定义selector。如何以不同的方式选择当前节点？

Answer 1

如果您希望在“空”时将内容放在编辑器实例中，您可以这样做：

tinymce.init({
  selector: '.editable',
  inline: true,
  contextmenu: false,
  setup: function (editor) {
    editor.on('blur', function (e) {
      var content = editor.getContent();
      if ( !content )
         editor.setContent('<p>Enter text here...'</p>);
    });
  }
});

当焦点返回时，你需要反向做一些事情。

有一个第三方插件可以执行您想要的操作：

https://github.com/mohan/tinymce-placeholder

我无法保证代码有多好，但也许该插件可以完全解决这个问题。

TinyMCE：如何通过当前选择器选择节点？

1 个答案: