TinyMCE中创建自定义下拉菜单

作者:匿名 hihi 来源:WordPress啦! 浏览: 2011-8-28 12:23:42 字号:
[摘要]TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,支持目前流行的各种浏览器,采用JavaScript/ECMAScript开发,主要特性包括主题/模板支持,多语言支持(包括简体中文),支持通过插件的方式进行扩展。本文讲一下在TinyMCE中创建自定义下拉菜单。

  在TinyMCE中创建自定义下拉菜单,效果如下:

  以下这段代码可以帮你创建一个自定义的下拉菜单。在TinyMCE的可视化编辑器中修改要创建的内容,就可以插入自定义的HTML元素。使用这段代码,即使你对HTML或者代码一点了解没有,也可以在TinyMCE修改。

function themeit_mce_buttons_2( $buttons ) {
array_unshift( $buttons, 'styleselect' );
return $buttons;
}
add_filter( 'mce_buttons_2', 'themeit_mce_buttons_2' );
function themeit_tiny_mce_before_init( $settings ) {
$settings['theme_advanced_blockformats'] = 'p,a,div,span,h1,h2,h3,h4,h5,h6,tr,';
$style_formats = array(
array( 'title' => 'Button', 'inline' => 'span', 'classes' => 'button' ),
array( 'title' => 'Green Button', 'inline' => 'span', 'classes' => 'button button-green' ),
array( 'title' => 'Rounded Button', 'inline' => 'span', 'classes' => 'button button-rounded' ),
array( 'title' => 'Other Options' ),
array( 'title' => '½ Col.', 'block' => 'div', 'classes' => 'one-half' ),
array( 'title' => '½ Col. Last', 'block' => 'div', 'classes' => 'one-half last' ),
array( 'title' => 'Callout Box', 'block' => 'div', 'classes' => 'callout-box' ),
array( 'title' => 'Highlight', 'inline' => 'span', 'classes' => 'highlight' )
);
$settings['style_formats'] = json_encode( $style_formats );
return $settings;
}
add_filter( 'tiny_mce_before_init', 'themeit_tiny_mce_before_init' );

本文转自:WordPress啦!

sssss
Tags: TinyMCE   中创建自定义下拉菜单  
责任编辑:cc120
编辑推荐排行