为什么WordPress中的可视化编辑器通过包装内容来限制宽度？

时间：2010-09-21 作者：sorin

为什么Wordpress中的可视化编辑器通过包装内容来限制宽度？

我发现编辑器中的这种行为至少很烦人，它确实阻止我使用屏幕不动产。

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

冒昧猜测一下你真正的意思，我想你的意思是这样的事情正在发生：

Word Wrapping

如果这就是你所指的，那是因为你的主题editor-style.css 在可视化编辑器中使用的样式表。样式表中的某个地方是这样的：

html .mceContentBody {
    max-width:640px;
}
删除或修改max-width 值将允许您自定义该值。另一种选择是完全删除样式表。为此，请在主题中找到这行代码（可能在functions.php):

add_editor_style();
并将其移除。

如果这根本不是你的问题，我道歉，并希望得到一些澄清。

编辑由于WordPress似乎在加载模板样式表之前加载了您的样式表，因此有两种方法可以覆盖样式。首先（也是最简单的）：让你的风格变得重要：

html .mceContentBody {
  max-width: none !important;
}
要阻止编辑器加载父样式，可以将其添加到主题的函数中。php文件：

function get_rid_of_editor_styles(){
  global $editor_styles;
  if(is_array($editor_styles))
    foreach($editor_styles as $e)
      $e = \'editor-style.css\' == $e ? \'\' : $e;
}
add_action(\'init\',\'get_rid_of_editor_styles\');

function add_my_own_editor_styles(){
  add_editor_style( \'custom-editor-style.css\' );
}
add_action(\'after_setup_theme\',\'add_my_own_editor_styles\');
然后在儿童主题中，使用custom-editor-style.css 作为子主题的编辑器样式表，而不是editor-style.css.

请注意，答案的最后一部分对每个人来说都不是最好的解决方案。我之所以提供它，是因为我知道您正在使用一个使用twentyten作为模板的子主题。

结束
标签： editor   小码农  

相关推荐