可视化编辑器和段落中的主题高级样式

时间:2010-11-20 作者:Ünsal Korkmaz

在我将这些代码添加到函数之后。php:

add_editor_style();

function childtheme_mce_btns2($orig) {
return array(\'formatselect\',\'styleselect\', \'underline\', \'justifyfull\', \'forecolor\', \'|\', \'pastetext\', \'pasteword\', \'removeformat\', \'|\', \'media\', \'charmap\', \'|\', \'outdent\', \'indent\', \'|\', \'undo\', \'redo\', \'wp_help\' );
}
add_filter( \'mce_buttons_2\', \'childtheme_mce_btns2\', 999 );

function childtheme_tiny_mce_before_init( $init_array ) {
$init_array[\'theme_advanced_styles\'] = "box note=box_note;box info=box_info;box warning=box_warning;box download=box_download";
return $init_array;
}
add_filter( \'tiny_mce_before_init\', \'childtheme_tiny_mce_before_init\' );
我在Wordpress可视化编辑器中有一个样式下拉菜单,带有“框注、框信息、框警告、框下载”选项。我创建了编辑器样式。所以我在visual editor中获得了对这些类的css支持。

如果我选择“box note”样式示例,wordpress将其放置为<p class="box_note"></p> 问题是当我按回车键换行时,wordpress将<p></p> 自动地

基本上,我如何使用<div> <span> 或任何事情,除了<p>?

Update:我为您创建了一些屏幕截图。这就是我从样式列表中选择样式的时候:http://www.unsalkorkmaz.com/sorun/sorun1.jpg这是我按下回车按钮换行的时候:http://www.unsalkorkmaz.com/sorun/sorun2.jpgWordpress基本上创建不同的<p>

我试过了;

remove_filter(\'the_content\', \'wpautop\');
remove_filter(\'the_content\', \'wptexturize\');
remove_filter(\'the_content\', \'convert_smilies\');
remove_filter(\'the_content\', \'convert_chars\');
在我提出这个问题之前,它似乎不是解决方案。

Update 2:好我试着用shift+enter键换行,效果很好!所以我不知道在TinyMCE中输入和shift+enter有什么区别,但我希望shift+enter功能作为enter按钮的默认值。

2 个回复
最合适的回答,由SO网友:Jan Fabry 整理而成

如果你一直想<br/> 而不是<p> 对于换行符,您可以change the TinyMCE configuration:

forced_root_block: false,
force_br_newlines: true,
force_p_newlines : false,
我认为你不能基于上下文(使用<br/> 在中时class="box_note", <p> 否则),但这是一个有趣的问题the TinyMCE forum. Shift+Enter确实是区分段落和行尾的标准方法。

结束

相关推荐

Adding goodies to themes

如何在主题更新时向Arjuna-X等主题添加内容而不丢失?儿童主题是一种很好的方式,还是有其他选择?如果新版本的主题对我添加的功能具有本机支持,该怎么办?