25

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

使用TinyMCE3，我们可以做到：

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

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

谢谢

4

11 回答 11

71

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

tinymce.init({ elementpath: false });
于 2015-05-06T00:19:53.960 回答
22

这对我有用：

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

编辑：

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

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

于 2014-01-09T14:20:29.217 回答
9 
tinymce.init({
    statusbar : false,
于 2013-06-19T14:25:54.237 回答
3

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

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

a) 定义一个 CSS 规则，例如.myMceNoPath .mce-path{display:none;}

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

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

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

于 2014-04-10T09:52:05.203 回答
2

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

.mce-path {
 display: none;
}
于 2013-07-27T21:18:34.103 回答
1

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

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

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

感谢 immo 和其他人指出回调和 CSS 概念。我喜欢这个特殊的 (jQuery) 解决方案，因为它是独立的，并且仅适用于它的父编辑器，尽管变化是可能的。

于 2014-04-24T23:24:54.230 回答
1 
tinyMCE.init({
    menubar:false,
    statusbar: false,
        //etc
})

来自：删除 TinyMCE 4 中的菜单和状态栏

于 2014-11-02T18:27:45.653 回答
1

将 theme_advanced_statusbar_location 设置为空字符串对我有用。

tinyMCE.init({

    theme_advanced_statusbar_location : "",
})
于 2015-09-09T12:09:14.090 回答
0

我的基于上面 Dustin Carr 的不透明度概念：对于 TinyMCE 4，我定位skin.min.css、搜索mce-path-item并在之后display:inline-block添加opacity:0。所以它最终是这样的display:inline-block;opacity:0; *display...

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

希望它可以帮助某人...

编辑：mce-divider 也一样；）

于 2014-10-01T16:04:11.337 回答
0

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

tinymce.init({

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

});

高温高压

于 2014-11-16T12:05:27.140 回答
0

我正在使用 tinyMCE v5。以下作品。为了隐藏路径，在 init 对象中传递 "elementpath": false 和 "statusbar": false 来隐藏完整的状态栏。如果您隐藏整个状态栏，那么您也将失去增加或减少高度的能力。

于 2019-02-20T13:16:32.383 回答