2017-11-30 4 views
0

RTEで設定されたクラスに応じて、h1からh6タグにインラインsvgsを追加します。RTEで設定されたクラスに応じて、Typo3 ParseFuncでH1-H6タグを囲みます。

例: RTE:

<h1 class="icon--clock">Header</h1> 

出力:

<h1 class="icon--clock"><svg>...</svg>Header</h1> 

私はparseFuncコンフィグを使用して、前のリンクと似た何かをやりました。 https://wiki.typo3.org/External_links

TypoScriptを使用してリンクパラメータのようなタグとクラスにアクセスして分割する方法はありますか?

私もUSERFUNC

lib.parseFunc.userFunc = ...\MyClass->MyUserFunc 

を使用してみましたが、PARAMSに私はタグの内容ではなく、タグや自分自身を設定されているクラスを取得します。

私はtypo8をckeditorで使用していますが、それは違いがないと思います。

これを行うことはできますか? どうすればいいですか?

代わりに別のヘッダーレイアウトを追加し、tt_contentヘッダーフィールドを使用することができます。なぜなら、テンプレートを簡単に操作できるからです。しかし、私はRTEにこれがあるかどうかを知りたいと思っています。

答えて

1

私はあなたがtyposcriptでそれを行うことができると思いますが、それはHnタグの属性を分析する必要があるので非常に複雑です。

簡単な方法は、CSSと::beforeを使用することです。したがって、クラスにセレクタを使用して、一致するSVGを挿入することができます。
これもjavascriptで行うことができますが、CSSがそれを行うことができるので、CSSを使う方が効率的です。

+0

あなたが正しいです、CSSは別の方法です。おそらく最も速いでしょう。後でsvgコードを操作したいので、実際のsvg-codeを自分のhtmlに追加することを好みます。 – deadfishli

+1

あなたはCSSを(インラインSVG?と一緒に)コンテンツに動的に挿入できますか? javascript-variantがあります。それ以外の場合は、私が想像することができる唯一のtyposcriptソリューションが、タグを閉じ、他のものを開く '属性'を追加する、非常に複雑な(分割、比較、結合、...) -data = "dummy"> ...

関連する問題