填写您的邮件地址,订阅我们的精彩内容:

wp_editor加入外部css文件

654

当我们在前端页面调用wp_editor函数,试图利用WordPress自身的编辑器为前端用户提供便捷的可视化编辑器时,如果对前端的使用不了解的话就会导致得不到我们想要的结果。

在后台的编辑器内部加入一个css文本以控制编辑器内部的样式时,我们可以方便的使用add_editor_style函数,但在前端却不同。

那么如何在前端编辑器中起到add_editor_style同样的效果呢?

在你调用wp_editor时,尽可能的对它的第三个参数进行配置。配置的时候,注意下面的这个参数:

$settings = array(
??? 'tinymce' => array(
?? ??? ?'content_css' => get_bloginfo('template_url').'/css/editor-style.css'
??? )
);

通过对$settings[‘tinymce’][‘content_css’]进行配置,就能规定自己的编辑器内部样式。

扩展阅读:

在前台使用wordpress自带的富文本编辑器

在wordpress可视化编辑器中输入带缩进的代码

WordPress后台编辑器HTML模式界面中添加修改删除按钮

WordPress编辑器HTML模式界面中添加<pre>按钮

下面我简单说几句