CQ5のRTEコンポーネントに画像を埋め込む方法

Question

私はリッチテキストエディタでテキストを書くことができるCQ5コンポーネントを用意しています。また、RTEで利用可能なソースエディタにImageスクリプトコードを貼り付けることもできます。私は

RTEに

<div style="background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=='); height:100;width:100;"></div> 

以下のようにソースコードを貼り付けていた場合

、以下に示すように、それは、変換なってきたし、それが画像をレンダリングされていません。

<div style="background: url('data:image/png; base64,ivborw0kggoaaaansuheugaaaauaaaafcayaaacnbyblaaaaheleqvqi12p4//8/w38giaxdibke0dhxgljnbaao9txl0y4ohwaaaabjru5erkjggg=='); height: 100; width: 100;">&nbsp;</div> 

この問題の原因は何ですか？

Answer 1

私はHTMLの書式設定されたコードは、あなたが/apps/cq/ui/rte/core/HtmlSerializer.jsおよび/または/libs/cq/ui/rte/core/HtmlProcessor.jsなどのアプリケーションにそのファイルをコピーすることによって、これをオーバーライドする必要があり/libs/cq/ui/rte/core/HtmlSerializer.jsおよび/または/libs/cq/ui/rte/core/HtmlProcessor.jsであると考えています。このコードはいくつかの場所でLowerCaseをやっていますが、スタイル属性値をどこで変更するのかはわかりません。しかし、私はそれが疑わしい。これらのファイルの1つに、疑わしいコメントがあります。

// IE < 9大文字のスタイル名が報告されます。 IEの問題を修正しながら、本質的に異なるバグを導入する - それゆえ 小文字

に正規化するので、おそらくいくつかのコードは、あなたがやりたいと思っているものをめちゃくちゃにされたIEのバグを回避するために追加されています。