WordPress所见即所得按需编辑,响应

时间:2014-03-07 作者:EHerman

我在metabox中创建了一个WYSIWYG编辑器,并通过javasacript按需加载它。但所见即所得(WYSIWYG)并不像默认的那样具有响应性。如何使其响应?它位于表格内部,表格宽度设置为100%。当行变小时,所见即所得保持不变,但编辑器的一部分被隐藏。

我尝试过:

.mceToolbarTop * {
float:left;
}

.mceToolbarTop select {
width:auto!important;
}

.mceToolbarTop option {
float:none;
}
html很长,很难在这里格式化。否则我会粘贴它。

我的所见即所得(WYSIWYG)容器宽80%,所见即所得(WYSIWYG)样式设置为100%,所以我不知道为什么它不尊重我设置的样式。

1 个回复
最合适的回答,由SO网友:EHerman 整理而成

当编辑器的宽度达到某个宽度时,使用以下代码强制按钮换行,我使用了以下代码:

其中single movie row是存放我的WYSIWYG的容器

.single-movie-row .mceToolbar td {
    display:table-row;
    float: left;
}
.single-movie-row .mceToolbar td:nth-of-type(11){
    clear: left;
}

结束

相关推荐

在自定义tinyMCE按钮中使用POST ID

我正在构建一个简单的插件,需要能够在用户单击自定义tinyMCE按钮(在其onclick函数内)时访问当前的帖子id。我应该如何获得当前的帖子ID才能做到这一点。就本例而言,本教程中的代码:http://brettterpstra.com/2010/04/17/adding-a-tinymce-button/可以使用,单击按钮后,可以将当前帖子id登录到控制台(console.log)或提醒屏幕。