読者です 読者をやめる 読者になる 読者になる

tohokuaikiのチラシの裏

技術的ネタとか。

Confluenceのプラグイン開発を承ります。ご連絡はこちらのホームページからお願いいたします。

tinymceのリストであるadvlist_bullet_stylesを変更して選択肢ドロップダウンを変えたい

JavaScript

メモ:tinymceは3系統

tinyMCE.init({...})のオプションで、advlist_bullet_stylesを変える場合。
つまり、

みたいに、4つあるデフォルト状態から1個にしたい場合。

      advlist_bullet_styles:  [
          {title : 'Circle',  styles: { listStyleType: "circle          ], 

みたいに1個だけにする。


で、このときできるのは、ULに対してstyle="list-style-type: circle"ってやるだけで、classを指定とかできない。だから、結局「減らすことはできても増やせない」のである。

無理やりに・・・

setupオプションを使って

      setup: function(editor) {
        editor.addButton('bullist_nodrop', {
            text: '',   //without text label
            icon: 'bullist',    //use original icon
            tooltip: 'Bullet list',     //tooltip, if you want
            onclick: function() {
                //call original plugin function
                tinymce.activeEditor.execCommand('InsertUnorderedList');        
            }
        });

みたいにすることはできる。

ドロップダウンで増やしたい場合はこのsetupをたくさん頑張ればいいような気がする。