如何在wp_EDITOR()函数中设置所见即所得的编辑器宽度？

时间：2013-09-01 作者：Derfder

这是我当前的代码：

$initial_data = $this->options[\'my_plugin_editor\'];
$settings = array(
    \'quicktags\' => array(\'buttons\' => \'em,strong,link\',),
    \'quicktags\' => true,
    \'tinymce\' => true,
    \'textarea_rows\' => 20,
);
$id = \'my_plugin_editor_options[my_plugin_editor]\';
wp_editor($initial_data,$id,$settings);
问题是我无法设置编辑器的宽度。我可以设置高度\'textarea_rows\' => 20, 但我不知道如何设置宽度（cols）。

如果我使用的是没有编辑器的标准textarea，那么它工作得很好cols="120"

如何在wp\\U编辑器函数中设置列？

4 个回复
SO网友:Nabil Kadimi

有两个参数可用于更改使用生成的文本编辑器的大小wp_editor(), 这里有：

$settings = array(
    \'editor_height\' => 425, // In pixels, takes precedence and has no default value
    \'textarea_rows\' => 20,  // Has no visible effect if editor_height is set, default is 20
);
如果editor_height ，否则将使用其原始值textarea_rows （或其默认值为20）将用于计算匹配高度（以像素为单位）：以下是从textarea_rows 到像素（这在客户端完成）：

0到3=>；100个；113；133；230；32820 => 425

  • SO网友:user3159159

    $settings = array(
    \'tinymce\' => array(
        \'width\' => 200
    )
);
    提供200px宽的tinymce。在此处找到：http://www.tinymce.com/wiki.php/Configuration

    当我尝试它时，我的tinymce的背景颜色改变了。所以也许你必须调整一下。

    SO网友:Daniel Payne

    好的，我刚才做的很好：

    echo "<div style=\'width:75%;\'>";
wp_editor( $content, \'myid\', $settings );
echo "</div>";

    SO网友:Laniakea

    我不确定你是否能在数组中设置cols“number”。

    但实现所需的一种方法是向wp\\U编辑器添加一个类。

     $settings = array(
\'quicktags\' => array(\'buttons\' => \'em,strong,link\',),
\'quicktags\' => true,
\'tinymce\' => true,
\'textarea_rows\' => 20,
 \'classes\' => \'yourclass\',
 );
    或者在调用wp\\U编辑器时：

     <?php wp_editor( $content, $editor_id, $settings = array(\'editor_class\'=>\'yourclass\') ); ?>
    然后只需在css中设置宽度：

     .yourclass {
   width: 400px !important; //add !important if your style is being overriden 
 }

    结束
    标签： wp-editor   wysiwyg   小码农  

    相关推荐

    wysiwyg is scrambled

    我对wordpress编辑器有问题。它不断删除我的输入并扰乱内容。我如何解决这个问题？