TinyMCE中建设自界说下拉菜单

[摘要]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啦!

分享到

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/10529.html