yama Reply #1, 4 years, 3 months ago
Tipsコーナーに相当するボードがないので、こちらでトピ立てます。
MODxで標準で同梱されているTinyMCEですが、そのまんまだといろいろ使いにくい気がします。
ツールバーの並びやタブブラウザとの相性、立ち上がりの重さ、編集ウィンドウのデザインなど。
使いやすくするための方法がいろいろあるので、ここで紹介します。
まず、ツールバーカスタマイズの話題から。
標準では上記のような並びになっていますが、個々に見ていくと、いくつか気付く点があります。
実際の構成設定は以下のようになっています。
というわけで、下記のようにカスタマイズしてみました。
アイコンの数を減らすことで、読み込むプラグインの
数も減らすことができるので、若干ながら負荷軽減にもつながります。
もっとシンプルでもよければ、こんな感じで。MODx設定の選択肢にも「simple」ってのがありますけど、
確かにアイコンの数は少ないけど構成が今ひとつだったりします。
実際の設定例は以下のとおり。
MODxはユーザごとにツールバーをカスタマイズできるので、担当部署の特性に応じて設定するといいと思います。
MODxで標準で同梱されているTinyMCEですが、そのまんまだといろいろ使いにくい気がします。
ツールバーの並びやタブブラウザとの相性、立ち上がりの重さ、編集ウィンドウのデザインなど。
使いやすくするための方法がいろいろあるので、ここで紹介します。
まず、ツールバーカスタマイズの話題から。
標準では上記のような並びになっていますが、個々に見ていくと、いくつか気付く点があります。
-
[list]
- フォントの色の変更はどうするの？
- せっかくWYSIWYGなのにtable編集ができない
- 全選択とか印刷とか、ほとんど使わなさそうなアイコンがある
- 「検索」と「検索・置換」のアイコンは実際には同じ機能なので、ダブっている
- よく使う順番とかを考慮してないようで、使いにくい
- アイコンの数が多くて、投稿画面を開くのにワンテンポ遅れる
実際の構成設定は以下のようになっています。
èªã¿è¾¼ããã©ã°ã¤ã³ï¼style,advimage,advlink,searchreplace,print,contextmenu,paste,fullscreen,nonbreaking,xhtmlxtras,visualchars,media ãã¼ã«ãã¼1ï¼undo,redo,selectall,separator,pastetext,pasteword,separator,search,replace,separator,nonbreaking,hr,charmap,separator,image,link,unlink,anchor,media,separator,cleanup,removeformat,separator,fullscreen,print,code,help ãã¼ã«ãã¼2ï¼bold,italic,underline,strikethrough,sub,sup,separator,bullist,numlist,outdent,indent,separator,justifyleft,justifycenter,justifyright,justifyfull,separator,styleselect,formatselect,separator,styleprops
というわけで、下記のようにカスタマイズしてみました。
アイコンの数を減らすことで、読み込むプラグインの
数も減らすことができるので、若干ながら負荷軽減にもつながります。
もっとシンプルでもよければ、こんな感じで。MODx設定の選択肢にも「simple」ってのがありますけど、
確かにアイコンの数は少ないけど構成が今ひとつだったりします。
実際の設定例は以下のとおり。
ãã©ã°ã¤ã³ï¼table,style,advimage,advlink,searchreplace,contextmenu,paste,fullscreen,media ãã¼ã«ãã¼1ï¼undo,redo,|,bold,forecolor,backcolor,formatselect,fontsizeselect,|,styleprops,removeformat,code,|,help ãã¼ã«ãã¼2ï¼image,media,link,unlink,anchor,|,bullist,numlist,|,justifyleft,justifycenter,justifyright,|,outdent,indent,|,table,|,hr,|,search,|,pastetext,pasteword,|,fullscreen
ãã©ã°ã¤ã³ï¼advimage,advlink,contextmenu,paste,fullscreen ãã¼ã«ãã¼1ï¼bold,forecolor,backcolor,|,formatselect,fontsizeselect,|,image,link,unlink,|,bullist,numlist,|,code,fullscreen
MODxはユーザごとにツールバーをカスタマイズできるので、担当部署の特性に応じて設定するといいと思います。
