2016-04-05 2 views
1

CKeditorでは、スタイルの代わりにクラス名を適用する方法はありますか?だから、代わりにやって:CKEditor:コンテンツにクラス(インラインスタイルの代わりに)を適用する方法

<span style="color: #ffffff;">Text</span> 

それは行うだろう。しかし、典型的な太字/斜体/私たちはで変数を使用できるようにする必要があり、アンダーラインを除いて、より多くの意味を作るために

<span class="white">Text</span> 

を簡素化一貫性と複数のクライアントのためのSCSSシート。これは、カスタムスタイルのリストから選択されたものではありません。既存のツールバーオプションをクリックしたときに自動的に行う必要があります。誰もこれのような何かを管理していますか?

+1

[このチュートリアル](http://docs.ckeditor.com/#!/guide/dev_howtos_styles)をチェックするだけで簡単です。 – skobaljic

+0

@skobaljicありがとうございますが、私が以下の答えに言ったように、人々がリストからスタイルを選ぶことを望まないので、人々がツールバーのオプションをクリックすると自動的にそれをしたいと思います。私はオリジナルの質問を更新して明確にしようとしています。 – Hitokage

+0

自分の考えているツールを作成するか、既存のツールを編集する必要があります。各ツールは別々のフォルダにあるアドオンです(CKEditorの圧縮されていないソースファイルを見てください)。ファイルを見つけて編集するのは簡単ですが、プログラマは良いです。 – skobaljic

答えて

0

は、あなたのconfig.jsのファイルにこのコードを配置しようとすると:

config.stylesSet = [ 
    { name: 'CSS White', element: 'span', attributes: { 'class': 'white' } } 
] 

は、それはあなたのceditorのスタイル選択フィールドに「CSSホワイト」オプションが表示されます。

+0

私はスタイルオプションについて知っていましたが、人々がスタイルを選ぶ必要はありません。私は、すでにそこにあるツールバーで物事を選ぶときに、そのクラスを自動的に追加したいと思います。私の元の例のように、上記の色を選ぶと、インラインスタイルで16進コードを実行する代わりにクラスを実行します。 – Hitokage

+0

そのようにju​​stifyRightを使用し、style = "text-alight:right;"の代わりにclass justifyRightを追加します。 –

+0

@Hitokageあなたはこれまでにこれを解決しましたか?同じことをしようとしている。 「スタイル」は使用しませんが、インラインではなくクラスに対して自動的にスタイルを使用するようにしてください。 tadeuszのように言った。 –

関連する問題