如何在WordPress的时态编辑中加入自己的css?

时间:2012-04-11 作者:Wordpress D

我在tinymce编辑器上加载了一些文本
(每次单击“添加新”,tinymce编辑器都会加载此文本。)

但问题是如何启用默认文本中使用的css类。

谢谢

3 个回复
最合适的回答,由SO网友:Tom J Nowell 整理而成

使用add_editor_style

e、 g.:功能。php

add_editor_style(\'custom-editor-style.css\');

http://codex.wordpress.org/Function_Reference/add_editor_style

SO网友:a_fan

add_editor_style 建议用于主题。你可以mce_css 在插件中筛选。以下示例代码来自here

function plugin_mce_css( $mce_css ) {
  if ( !empty( $mce_css ) )
    $mce_css .= \',\';
    $mce_css .= plugins_url( \'editor.css\', __FILE__ );
    return $mce_css;
  }
add_filter( \'mce_css\', \'plugin_mce_css\' );

SO网友:AA-T

我发现什么都没用。我在Google上花了半天的时间,但最终偶然发现了这个有用的脚本:

function kwh_add_editor_style( $mceInit ) {

  $custom_css = get_theme_mod( \'custom_css\' );
  $styles = \'.mce-content-body { EDIT YOUR CUSTOM CSS HERE \' . $custom_css . \'; }\';

  if ( !isset( $mceInit[\'content_style\'] ) ) {
    $mceInit[\'content_style\'] = $styles . \' \';
  } else {
    $mceInit[\'content_style\'] .= \' \' . $styles . \' \';
  }
  return $mceInit;
}
add_filter( \'tiny_mce_before_init\', \'kwh_add_editor_style\' );
Source 的代码段。

结束

相关推荐

在自定义帖子类型管理区域中使用wp_EDITOR的多个实例

我为我的养鱼网站编写了一个自定义插件,允许用户输入有关热带鱼物种的信息(即“栖息地”、“分布”、“位置”等)。每一个都是meta 字段。它们当前是可拖放的可折叠元字段,使用cleditor 作为富文本编辑器的首选。我选择了cleditor,因为在WP 2.8或我开始开发此插件的任何版本中,我都无法找到将多个TinyMCE实例放在同一页面上的方法。我所说的“多个实例”,主要是指具有不同heights 和buttons.从那以后,我相信wp_editor 指挥部来了,这可能会对我有所帮助。My questio