TinyMCEをカスタマイズする

表示した時の見た目と投稿時のTinyMCEの見た目を、ほぼ同じにしたいときに入れる。

// function.php
add_editor_style('editor-style.css');
function custom_editor_settings( $initArray ){
    $initArray['body_class'] = 'editor-area';
    return $initArray;
}
add_filter('tiny_mce_before_init','custom_editor_settings');

TinyMCEのClassを「editor-area」にしてあるので、CSSでは

.editor-area h3 {
    ・・・・・
}

とかになる。


プルダウンのスタイル変更は

function add_custom_editor( $initArray ) {
    $initArray['theme_advanced_blockformats'] = 'h3,h4,h5,h6';
    return $initArray;
}
add_filter( 'tiny_mce_before_init', 'add_custom_editor' );

グーグルマップでiframeを入れると消えちゃうんだけど、以下で消えなくなるらしい。
http://takahashifumiki.com/web/programing/1667/

$initArray[ 'extended_valid_elements' ] .= "iframe[id|class|title|style|align|frameborder|height|longdesc|marginheight|marginwidth|name|scrolling|src|width]";
//タグ名[属性|属性],タグ名[属性|属性],タグ名[属性|属性]...

TinyMCEのその他の設定は
http://www.tinymce.com/wiki.php/Configuration


WordPressの標準設定は、こんな感じらしい。

'mode' => 'specific_textareas'
'editor_selector' => 'theEditor'
'width' => '100%'
'theme' => 'advanced'
'skin' => 'wp_theme'
'theme_advanced_buttons1' => 'bold,italic,strikethrough,|,bullist,numlist,blockquote,|,justifyleft,justifycenter,justifyright,|,link,unlink,wp_more,|,spellchecker,fullscreen,wp_adv'
'theme_advanced_buttons2' => 'formatselect,underline,justifyfull,forecolor,|,pastetext,pasteword,removeformat,|,media,charmap,|,outdent,indent,|,undo,redo,wp_help'
'theme_advanced_buttons3' => ''
'theme_advanced_buttons4' => ''
'language' => 'de'
'spellchecker_languages' => 'English=en,Danish=da,Dutch=nl,Finnish=fi,French=fr,+German=de,Italian=it,Polish=pl,Portuguese=pt,Spanish=es,Swedish=sv'
'theme_advanced_toolbar_location' => 'top'
'theme_advanced_toolbar_align' => 'left'
'theme_advanced_statusbar_location' => 'bottom'
'theme_advanced_resizing' => true
'theme_advanced_resize_horizontal' => false
'dialog_type' => 'modal'
'relative_urls' => false
'remove_script_host' => false
'convert_urls' => false
'apply_source_formatting' => false
'remove_linebreaks' => true
'gecko_spellcheck' => true
'entities' => '38,amp,60,lt,62,gt'
'accessibility_focus' => true
'tabfocus_elements' => 'major-publishing-actions'
'media_strict' => false
'paste_remove_styles' => true
'paste_remove_spans' => true
'paste_strip_class_attributes' => 'all'
'wpeditimage_disable_captions' => false
'plugins' => 'safari,inlinepopups,spellchecker,paste,wordpress,media,fullscreen,wpeditimage,wpgallery,tabfocus'

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)