Question

我在我的插件的元框中有几个TinyMCE框，但无论出于何种原因，这是最基本的设置，并且没有高级模式的按钮。我需要的是它渲染时启用的Kitchen Sink。这可能吗？

Answer 1

好的，这就是我所做的，包括确保tinyMCE被强制进入我想要的宽度，而不是它所决定的......在元框中，我有一个带有.custom-editor-container类的标签，textareas有一类.custom-editor。所以这是JS：

tinyMCE.init({
    skin: 'wp_theme',
    width : 500,
    selector : '.custom-editor'
});

这创造了基于WP的编辑器，但仍然没有厨房水槽。我真的不需要厨房水槽，但它会很好。这产生的一个问题是tinyMCE将所有工具栏项放在一行中。强制执行我需要的宽度的唯一方法是使用CSS：

.custom-editor-container {
    margin-bottom: 20px;
    border:1px solid #ccc;
    width: 500px !important;
}
.custom-editor-container .mceEditor,
.custom-editor-container .mceEditor .mceLayout
.custom-editor-container .mceEditor .mceFirst,
.custom-editor-container .mceEditor .mceFirst>div,
.custom-editor-container .mceEditor .mceFirst>div>span{
    width: 490px !important;
}
.custom-editor-container .mceEditor .mceFirst>div>span .mceToolbar{
    display: block !important;
    float: left;
}
.custom-editor {
    border: 0;
    max-width: 490px;
    width: 490px;
}

希望有所帮助！

在WordPress Meta Box中的tinyMCE - 如何启用厨房水槽？

1 个答案: