在 TinyMCE4 中添加类/ID 到路径答案

【问题标题】：Add class/id to path in TinyMCE4在 TinyMCE4 中添加类/ID 到路径
【发布时间】：2018-11-26 15:54:44
【问题描述】：

快速提问：

有没有办法在内容下的 TinyMCE 状态栏的path 中添加元素的类和/或 ID？

【问题讨论】：

标签： path tinymce statusbar tinymce-4 uistatusbar

【解决方案1】：

TinyMCE 的状态栏没有内置这样的功能。如果你想添加，你可以通过修改代码来做到这一点。我会注意到，对于任何类型的较长 ID 或类别标签，状态栏都会很快被填满，这就是它默认不这样做的原因。

【讨论】：

谢谢@Michael，你能推荐一个我可以放入插件文件中的代码sn-p来完成这个吗？我的内容不超过 3 个标签，因此 class 和 ID 标签不会使路径栏太忙。
我自己从未尝试过这样做，所以我不知道您实际上需要什么代码来实现这一点。您在尝试创建代码来满足您的需求时遇到了哪些具体问题？

【解决方案2】：

状态栏中的元素有一堆来自 Tiny Editor 的类，您可以使用 f12 在浏览器（chrome 或 firefox）中检查它。

从那里，用一些代码覆盖当前样式是没有问题的

.mce-statusbar.mce-container {
    position         : relative;
    height           : 0;
    margin-top       : -20px;
    opacity          : 0.5;
    background-color :#fff;
    border           : 1px solid #333;
}

此外，您可以操作代码，其中内容写入状态栏中。例如，请参阅插件字数。他们正在使用类似这样的代码来更新状态栏并输入类名：

        if (statusbar) {
           Delay.setEditorTimeout(editor, function () {
               statusbar.insert({
          type: 'label',
          name: 'wordcount',
          text: ['Words: {0}', getCount()],
          classes: 'wordcount',
          disabled: editor.settings.readonly
        }, 0);

        editor.on('setcontent beforeaddundo undo redo keyup', debouncedUpdate);
      }, 0);
    }

【讨论】：