2017-01-05 1 views
1

私はinterwebsでこれに関する情報を見つけることができないようですが、TinyMCE 4のアイコンはどのように機能しますか?TinyMCEのアイコンはどのように機能しますか?

名前でボタンのアイコンを指定し、カスタムボタンのカスタムアイコンを指定できますが、標準のアイコンの1つを取りたい場合は、画像編集アプリケーションで変更してカスタムアイコン。そのアイコンのソースイメージはどこで取得できますか?使用可能なアイコンとその名前の完全なリストはどこで確認できますか?

+0

ここにチェックしましたかhttp://archive.tinymce.com/wiki.php/Tutorials:Creating_a_skin? –

+0

ありがとう、便利なリンク私を得るために良い出発点。私はこのサイトでアイコンの仕組みを説明する包括的な答えを持つ方が良いと思うが、リンクされたページの内容はちょっと単純です。 –

+0

ドキュメントを読んでも気になりませんでしたか? 「icomoon.dev.svg」ファイルをアップロードして既存のTinyMCEアイコンをインポートしてから、さらにアイコンを追加したり、変更したりすることができます。アイコンを追加するには、Icons.lessファイルとIcons.ie7を変更する必要があります.lessファイル。実際の動作を深く知りたい場合は、githubページ(https://github.com/tinymce) –

答えて

4

だから、ここにある、可能な限り、少なくとも私は、現在のTinyMCE TinyMCEの4 4.

アイコンのこの局面のために存在する貧しい人々のドキュメントに基づいて理解するために管理しているものを自分の質問やへの部分的な答え.xカスタムのIcoMoonフォントを使用します。このフォントのファイルはskins // fontsディレクトリにあります。

download the TinyMCE Dev Packageの場合、js/tinymce/skins/lightgray/Iconsにその特定のスキンで使用可能なすべてのアイコンがあります。これらのアイコンをカスタムボタンに使用することができますその皮膚を使用して)。

"-i-"と ":before"の間の単語を使用する必要があります。例えばIcons.lessでの定義がある場合:

[email protected]{prefix}-i-alignleft:before 

あなたのカスタムボタンのアイコンとしてキーワードalignleftを使用することができます。

デフォルトのセットにもっと多くのアイコンを追加することはできませんでしたが、新しいテーマを作成し、親テーマから継承し、独自のIcons.lessファイルを定義して処理する必要がありますあなたのテーマに適したCSSを生成するためのファイルを少なくしてください。

関連する問題