Question

我刚从 TinyMCE3 迁移到 TinyMCE4 ，我想知道如何删除状态栏中的路径。但是我想保留我的状态栏以便具有resize功能。

使用 TinyMCE3 ，我们可以使用：

tinymce.init({
    ...
    theme_advanced_path : false
});

如何使用 TinyMCE4 获得相同的结果？

由于

Answer 1

在TinyMCE 4中，您可以通过将配置元素路径设置为false来删除状态栏中的路径，如下所示：

tinymce.init({ elementpath: false });

Answer 2

这对我有用：

.mce-path {/* CSS */
    display: none !important;
}

修改

在 TinyMCE4 中，我认为通过将参数传递给tinymce.init();以禁用路径，有一种正式的方法。您可以传递statusbar: false，但不幸的是，这会隐藏路径和调整大小图标！

我使用CSS给出的答案隐藏了路径，但调整大小图标仍然存在。但请确保statusbar: true
中有tinymce.init();

Answer 3

tinymce.init({
    statusbar : false,

Answer 4

CSS方法有效，但通常全局应用于页面中的每个编辑器。 TinyMCE 3的旧选项可以单独应用于不同的编辑。

我想保持这种灵活性并找到以下解决方案：

a）定义类似.myMceNoPath .mce-path{display:none;}

的CSS规则

b）对于应该提供没有路径显示的调整大小句柄的编辑器实例，请定义以下选项：

resize: "both", 
init_instance_callback : function (ed) {
    ed.getContainer().className += " myMceNoPath";
}

这会动态地向编辑器元素添加一个类，使我们只能将CSS应用于专门用这种方式标记的编辑器。

Answer 5

不幸的是，此功能在 TinyMCE 4 中已弃用。但是你总是可以通过CSS直观地阻止它。它必须看起来像这样：

.mce-path {
 display: none;
}

Answer 6

TinyMCE 4中的一个快速解决方案是将路径元素的不透明度设置为透明：

tinymce.init({
    ...
    init_instance_callback: function (editor) {
        $(editor.getContainer()).find(".mce-path").css("opacity", "0");
    }
});

这应该隐藏路径文本而不会影响状态栏。我发现通过init（）函数或CSS显示属性禁用状态栏的可见性也会导致浮动字数和调整大小图标与滚动条重叠。

感谢immo和其他人指出回调和CSS概念。我喜欢这个特殊的（jQuery）解决方案，因为它是自包含的，只适用于它的父编辑器，尽管可能存在变化。

Answer 7

tinyMCE.init({
    menubar:false,
    statusbar: false,
        //etc
})

来自：Remove menu and status bars in TinyMCE 4

Answer 8

将theme_advanced_statusbar_location设置为空字符串为我工作。

tinyMCE.init({

    theme_advanced_statusbar_location : "",
})

Answer 9

我的基于Dustin Carr上面的不透明概念：对于TinyMCE 4，我找到了skin.min.css，搜索了mce-path-item，并且在display:inline-block之后，我添加了opacity:0。所以它最终就像display:inline-block;opacity:0; *display...

这只是一个快速的伎俩，正如Carr所说：当我点击它时元素仍然存在，它只是标准用户看不到它。

希望它有所帮助...

编辑：mce-divider相同;）

Answer 10

感谢@Dustin Carr的回答。我已经稍微扩展了他的答案，这就是我所做的，它对我来说很好用，当用户将光标悬停在路径区域上时，它根本不显示光标（具有不透明度） 0它在路径上显示光标，路径保持可点击状态。）

tinymce.init({

...
init_instance_callback: function (editor) {
$(editor.getContainer()).find(".mce-path").css("visibility", "hidden");
},

});

HTH

Answer 11

我正在使用tinyMCE v5。和以下作品。为了隐藏路径，请在初始对象中传递“ elementpath”：false，并传递“ statusbar”：false以隐藏完整的状态栏。如果您隐藏整个状态栏，那么您也将失去增加或降低高度的能力。

删除TinyMCE4中状态栏中的路径

11 个答案: