Path 删除TinyMCE4中状态栏中的路径

Path 删除TinyMCE4中状态栏中的路径,path,tinymce,statusbar,uistatusbar,tinymce-4,Path,Tinymce,Statusbar,Uistatusbar,Tinymce 4,我刚刚从TinyMCE3迁移到TinyMCE4,我想知道如何删除状态栏中的路径。但我想保留我的状态栏,以便具有调整大小功能 使用TinyMCE3我们可以使用: tinymce.init({ ... theme_advanced_path : false }); 如何使用TinyMCE4获得相同的结果 谢谢不幸的是,此功能在TinyMCE 4中被弃用。但是你总是可以通过CSS在视觉上阻止它。它一定是这样的: .mce-path { display: none; } tinym

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

使用TinyMCE3我们可以使用:

tinymce.init({
    ...
    theme_advanced_path : false
});
如何使用TinyMCE4获得相同的结果


谢谢

不幸的是,此功能在TinyMCE 4中被弃用。但是你总是可以通过CSS在视觉上阻止它。它一定是这样的:

.mce-path {
 display: none;
}
tinymce.init({ elementpath: false });
这对我很有用:

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

TinyMCE4中,我认为没有一种通过向
tinymce.init()传递参数来实现这一点的正式方法以禁用路径。您可以传递
statusbar:false
,但不幸的是,这将隐藏路径和调整大小图标


我使用CSS给出的答案是,隐藏路径,但调整大小图标仍保留在那里。但是要确保在
tinymce.init()中有
statusbar:true

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

我希望保持这种灵活性,并找到了以下解决方案:

a) 定义CSS规则,如
.mymcenpath.mce path{display:none;}

b) 对于应提供无路径显示的调整大小句柄的编辑器实例,请定义以下选项:

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

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

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

tinymce.init({
    ...
    init_instance_callback: function (editor) {
        $(editor.getContainer()).find(".mce-path").css("opacity", "0");
    }
});
这将隐藏路径文本,而不会影响状态栏。我发现,通过init()函数或CSS display属性禁用状态栏的可见性也会导致浮动字数和调整图标与滚动条重叠


immo和其他人指出了回调和CSS概念,这值得赞扬。我喜欢这个特别的(jQuery)解决方案,因为它是自包含的,并且只适用于它的父编辑器,尽管可能会有变化。

我的解决方案基于上面Dustin Carr的不透明度概念: 对于TinyMCE 4,我定位了
skin.min.css
,搜索了
mce路径项
,并在
display:inline block
之后添加了
opacity:0
。因此,它最终类似于
display:inline块;不透明度:0*显示…

这只是一个快速的技巧,正如卡尔所说:当我点击元素时,它仍然存在,只是标准用户看不到它

希望它能帮助一些人

编辑:mce分隔器相同;)


发件人:

感谢@Dustin Carr的回答。 我把他的答案扩展了一点,这就是我所做的,它对我来说很好,当用户将光标悬停在路径区域上时,它根本不显示光标(不透明度为0时,它将光标显示在路径上,路径保持可点击状态)


HTH

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

.mce-path {
 display: none;
}
tinymce.init({ elementpath: false });

将theme_advanced_statusbar_location设置为空字符串对我很有效

tinyMCE.init({

    theme_advanced_statusbar_location : "",
})

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

谢谢,但如果我这样做,我将失去状态栏,并且无法调整TinyMCE块的大小。另外,
.mce statusbar{border width:0!important;}
删除底部的双边框。目前为止的最佳答案是,这实际上也删除了TinyMCE 5中的statusbarWorks,应该是可以接受的答案。
tinyMCE.init({

    theme_advanced_statusbar_location : "",
})