1

TinyMCE を使用してスタイル ドロップダウンリストをカスタマイズします。「content_css」プロパティを使用して、使用する css ファイルを指定します。たとえば、次のようになります。

次に、クラス名を含むスパンを追加します。例:

<span class="style1">Hello World</span>

しかし、TinyMCE Style ドロップダウンリストに、クラス名の代わりにインライン スタイルプロパティを持つスパンを追加するように指示するにはどうすればよいでしょうか? 何かのようなもの：

<span style="color:#E01B6A; font-size:12px;background-color:#D6D4D5;">Hello World</span>

その理由は、css ファイル参照なしで html コードを出力する必要があるためです。インライン スタイルが必要です。

どうもありがとう

4

1 に答える 1

2

TinyMCE Web サイトで自分で答えを見つけました - style_formatsを使用してすべてのインライン スタイルを一覧表示できます

 // Style formats 
        style_formats: [
            { title: 'style1', inline: 'span', styles: { 'color': '#E01B6A','font-size':'12px','background-color':'#D6D4D5'} },
            { title: 'style2', inline: 'span', styles: { 'color': '#6F7575','font-size':'14px','background-color':'#ABF5EC'} },
            { title: 'style3', inline: 'span', styles: { 'color': '#000000','font-size':'16px','background-color':'#8357F2', 'font-weight':'bold'} }
         ],
于 2012-07-05T07:02:24.457 に答える