三点リーダー(…)を真ん中に表示する方法からバトンを渡された気がしたので、TinyMCE でなんとかしてしまうためのプラグインを作成しました。
範囲選択をした状態で「言語」のプルダウンメニューから「日本語」を選択すると、「<span lang="ja">選択した文字列</span>」のようなHTMLに変換されます。
プラグインには編集領域用の CSS が含まれていて、そこには参照先の記事で紹介されていた「span:lang(ja) {font-family: san-serif}」が書かれているので、インストールするだけで編集領域内の…は…になります。公開側でも同じ見た目にするためには、公開側の CSS を編集する必要があります。
プラグインを構成しているのは以下の3つファイルのみで非常にシンプルな作りになっているので、TinyMCE を拡張するプラグインを書く際のひな形としても利用できると思います。
- plugins/TinyMCELanguageSelect/config.yaml
- plugins/TinyMCELanguageSelect/tmpl/extension.tmpl
- mt-static/plugins/TinyMCELanguageSelect/content.css
ちなみに個人的には真ん中派ですが、自分で文章を書く場合には…を使いません。
コメントする