STINGER7/PLus：投稿エディタで TinyMCE のフォントサイズを追加する方法

1. if (!function_exists('st_tiny_mce_before_init')) {
2. /**
3. * オリジナルタグ登録
4. */
5. function st_tiny_mce_before_init( $init_array ) {
6. //書式プルダウンメニューのカスタマイズ
7. $init_array['block_formats'] = '段落=p;見出し2=h2;見出し3=h3;見出し4=h4;見出し5=h5;見出し6=h6';
8. $init_array['fontsize_formats'] = '8px 10px 12px 14px 16px 18px 24px 36px 48px';
9. //自作クラスをプルダウンメニューで追加
10. $style_formats = array (
11. array( 'title' => '太字', 'inline' => 'span', 'classes' => 'huto' ),
12. array( 'title' => '太字（赤）', 'inline' => 'span', 'classes' => 'hutoaka' ),
13. array( 'title' => '大文字', 'block' => 'p', 'classes' => 'oomozi' ),
14. array( 'title' => '吹き出し', 'block' => 'p', 'classes' => 'h2fuu' ),
15. array( 'title' => 'はてな', 'block' => 'span', 'classes' => 'hatenamark' ),
16. array( 'title' => '注意', 'block' => 'span', 'classes' => 'attentionmark' ),
17. array( 'title' => 'チェックマーク', 'block' => 'span', 'classes' => 'checkmark' ),
18. array( 'title' => 'メモマーク', 'block' => 'span', 'classes' => 'memomark' ),
19. array( 'title' => '黄色ボックス', 'block' => 'div', 'classes' => 'yellowbox' , 'wrapper' => true ),
20. array( 'title' => '薄赤ボックス', 'block' => 'div', 'classes' => 'redbox' , 'wrapper' => true ),
21. array( 'title' => 'グレーボックス', 'block' => 'div', 'classes' => 'graybox' , 'wrapper' => true ),
22. array( 'title' => '引用風ボックス', 'block' => 'div', 'classes' => 'inyoumodoki' , 'wrapper' => true ),
23. array( 'title' => 'table横スクロールボックス', 'block' => 'div', 'classes' => 'scroll-box' , 'wrapper' => true ),
24. array( 'title' => 'imgインラインボックス', 'block' => 'span', 'classes' => 'inline-img' , 'wrapper' => true ),
25. array( 'title' => 'width100%リセット', 'block' => 'span', 'classes' => 'resetwidth' , 'wrapper' => true ),
26. array( 'title' => '装飾なしテーブル', 'block' => 'div', 'classes' => 'notab' , 'wrapper' => true ),
27. );
28. $init_array['style_formats'] = json_encode( $style_formats );
29. $init['style_formats_merge'] = false;
30. return $init_array;
31. }
32. }
33. add_filter( 'tiny_mce_before_init', 'st_tiny_mce_before_init' );
35. if ( !function_exists( 'st_tiny_mce_style_select' ) ) {
36. /**
37. * TinyMCEにスタイルボタンを追加
38. *
39. * @param string[] $buttons ボタン
40. *
41. * @return string[] ボタン
42. */
43. function st_tiny_mce_style_select( $buttons ) {
44. $position = 2; // 表示する位置 (1〜)
46. $button = 'styleselect';
48. unset( $buttons[ $button ] );
50. $button_count = count( $buttons );
52. // 最後
53. if ( $button_count === 0 || $button_count < $position ) {
54. $buttons[] = $button;
56. return $buttons;
57. }
59. // 1番目
60. if ( $position === 1 ) {
61. array_unshift( $buttons, $button );
63. return $buttons;
64. }
66. // その他
67. $index = $position - 1;
68. $before = array_slice( $buttons, 0, $index );
69. $after = array_slice( $buttons, $index );
70. $buttons = array_merge( $before, array( $button ), $after );
72. return $buttons;
73. }
75. }

if (!function_exists('st_tiny_mce_before_init')) {
  /**
   * オリジナルタグ登録
   */
  function st_tiny_mce_before_init( $init_array ) {
  //書式プルダウンメニューのカスタマイズ
  $init_array['block_formats'] = '段落=p;見出し2=h2;見出し3=h3;見出し4=h4;見出し5=h5;見出し6=h6';
  $init_array['fontsize_formats'] = '8px 10px 12px 14px 16px 18px 24px 36px 48px';
  //自作クラスをプルダウンメニューで追加
  $style_formats = array (
    array( 'title' => '太字', 'inline' => 'span', 'classes' => 'huto' ),
    array( 'title' => '太字（赤）', 'inline' => 'span', 'classes' => 'hutoaka' ),
    array( 'title' => '大文字', 'block' => 'p', 'classes' => 'oomozi' ),
    array( 'title' => '吹き出し', 'block' => 'p', 'classes' => 'h2fuu' ),
    array( 'title' => 'はてな', 'block' => 'span', 'classes' => 'hatenamark' ),
    array( 'title' => '注意', 'block' => 'span', 'classes' => 'attentionmark' ),
    array( 'title' => 'チェックマーク', 'block' => 'span', 'classes' => 'checkmark' ),
    array( 'title' => 'メモマーク', 'block' => 'span', 'classes' => 'memomark' ),
    array( 'title' => '黄色ボックス', 'block' => 'div', 'classes' => 'yellowbox' , 'wrapper' => true ),
    array( 'title' => '薄赤ボックス', 'block' => 'div', 'classes' => 'redbox' , 'wrapper' => true ),
    array( 'title' => 'グレーボックス', 'block' => 'div', 'classes' => 'graybox' , 'wrapper' => true ),
    array( 'title' => '引用風ボックス', 'block' => 'div', 'classes' => 'inyoumodoki' , 'wrapper' => true ),
    array( 'title' => 'table横スクロールボックス', 'block' => 'div', 'classes' => 'scroll-box' , 'wrapper' => true ),
    array( 'title' => 'imgインラインボックス', 'block' => 'span', 'classes' => 'inline-img' , 'wrapper' => true ),
    array( 'title' => 'width100%リセット', 'block' => 'span', 'classes' => 'resetwidth' , 'wrapper' => true ),
    array( 'title' => '装飾なしテーブル', 'block' => 'div', 'classes' => 'notab' , 'wrapper' => true ),
    );
  $init_array['style_formats'] = json_encode( $style_formats );
  $init['style_formats_merge'] = false;
  return $init_array;
  }
}
add_filter( 'tiny_mce_before_init', 'st_tiny_mce_before_init' );

if ( !function_exists( 'st_tiny_mce_style_select' ) ) {
  /**
   * TinyMCEにスタイルボタンを追加
   *
   * @param string[] $buttons ボタン
   *
   * @return string[] ボタン
   */
  function st_tiny_mce_style_select( $buttons ) {
    $position = 2;    // 表示する位置 (1〜)

    $button = 'styleselect';

    unset( $buttons[ $button ] );

    $button_count = count( $buttons );

    // 最後
    if ( $button_count === 0 || $button_count < $position ) {
      $buttons[] = $button;

      return $buttons;
    }

    // 1番目
    if ( $position === 1 ) {
      array_unshift( $buttons, $button );

      return $buttons;
    }

    // その他
    $index   = $position - 1;
    $before  = array_slice( $buttons, 0, $index );
    $after   = array_slice( $buttons, $index );
    $buttons = array_merge( $before, array( $button ), $after );

    return $buttons;
  }

}