TYPO3：ユーザーが定義されたCSSクラスを使用できるようにする要素をRTEに追加する方法

Question

RTEで、ユーザーが詳細、重要、名前などのテキストスタイルを選択できるようにする必要があります。ですから、私はCSSを定義したいと思います。このオプションはRTEに表示されるべきです。 CSSスタイルはspanで、色を設定するだけです。

RTE.classes{ 
    highlight{ 
     name = test 
     value = color:#0A8AD2; 
    } 
} 

RTE.default{ 
    ignoreMainStyleOverride = 1 
    useCSS = 1 
    contentCSS = fileadmin/templates/css/rte_formats.css 
    classesCharacter := addToList(highlight) 
    classesParagraph := addToList(highlight) 
    proc.allowedClasses := addToList(highlight) 
} 

CSSファイルの内容が

span.highlight, p.highlight { 
    color:#0A8AD2; 
} 

である。しかし、新たな追加スタイルは、ドロップダウン（テキストスタイル）に示されていない：

は現在、私は次のコードを持っています。私はまた、rtehtmlarea設定で "additonal inline elements"を有効にしました。私はまた、showTagFreeClassesなどを成功せずに設定しようとしました。それから私はキャッシングの問題について読んだ。 RTEキャッシュとブラウザキャッシュを削除しました。まだ結果はありません。何が間違っていますか？

Answer 1

あなたは基本的に正しいトラックにいる！

私はinlineStyleを使用してかなりの問題を経験しました。そのうちの一つは、（のみenoughtされていないignoreMainStyleOverride = 0を設定！）あなたはインラインを動作させるために明示的にcontentCSS未定義持っているということで：

RTE.default.contentCSS > 

私は個人的には、専用の外部CSSファイルを好みます。重要なことは、TYPO3 RTEが実際にこのCSSファイルを解析し、そこに実際に見つかったクラスのみを提供することです。
contentCSSパラメータを使用してCSSを定義する必要があります。このCSSには、実際にユーザーが使用できるようにするクラスが含まれている必要があります。

が

# TS-Config 
RTE.default.ignoreMainStyleOverride = 1 
RTE.default.contentCSS = fileadmin/templates/css/rte_formats.css 

言ったように（ファイルは、所与のURLでを存在している必要があり、それはあなたが提供するCSSクラスの定義が含まれている必要がありCSSはCSSファイルは次のとおりです。ここでは、それを定義しなければならない方法です本当に）解析され、不足しているクラスは、ドロップダウンセレクタには表示されません。

/* content of rte_formats.css */ 
/* span. needed for RTE.default.classesCharacter */ 
/* p. needed for RTE.default.classesParagraph */ 
span.highlight, p.highlight{ color:#0A8AD2; } 

そして、もう一つのヒント：私はあなた自身のクラス名（複数可）とのallowedClassesを上書きし、それらに追加しないことをお勧めします
：

RTE.default.proc.allowedClasses := addToList(highlight, myOtherClass, myThirdClass) 

幸運を祈る！