如何在CQ5的RTE组件中嵌入图片
How to embed image in RTE componet in CQ5
我有一个 CQ5 组件，用户可以在其中使用富文本编辑器编写一些文本。也可以将图像脚本代码粘贴到 RTE 中可用的源代码编辑器中。
当我粘贴源代码如下时
<div style="background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=='); height:100;width:100;"></div>
进入 RTE，它正在如下所示进行转换并且不渲染图像。
<div style="background: url('data:image/png; base64,ivborw0kggoaaaansuheugaaaauaaaafcayaaacnbyblaaaaheleqvqi12p4//8/w38giaxdibke0dhxgljnbaao9txl0y4ohwaaaabjru5erkjggg=='); height: 100; width: 100;"> </div>
有没有人建议这个问题的原因是什么？
我相信格式化 HTML 的代码在 /libs/cq/ui/rte/core/HtmlSerializer.js and/or /libs/cq/ui/rte/core/HtmlProcessor.js 中，因此您可能需要通过将该文件复制到应用程序作为 /apps/cq/ui/rte/core/HtmlSerializer.js and/or /libs/cq/ui/rte/core/HtmlProcessor.js。这段代码在几个地方做了 toLowerCase，但我不知道具体在哪里会改变样式属性值。但我怀疑是。其中一个文件的评论似乎很可疑：
// IE < 9 will report uppercase style names; hence normalize to
lowercase
所以也许添加了一些代码来解决 IE 错误，该错误打乱了您想要做的事情——本质上是在修复 IE 问题时引入了不同的错误。
我有一个 CQ5 组件，用户可以在其中使用富文本编辑器编写一些文本。也可以将图像脚本代码粘贴到 RTE 中可用的源代码编辑器中。
当我粘贴源代码如下时
<div style="background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=='); height:100;width:100;"></div>
进入 RTE，它正在如下所示进行转换并且不渲染图像。
<div style="background: url('data:image/png; base64,ivborw0kggoaaaansuheugaaaauaaaafcayaaacnbyblaaaaheleqvqi12p4//8/w38giaxdibke0dhxgljnbaao9txl0y4ohwaaaabjru5erkjggg=='); height: 100; width: 100;"> </div>
有没有人建议这个问题的原因是什么？
我相信格式化 HTML 的代码在 /libs/cq/ui/rte/core/HtmlSerializer.js and/or /libs/cq/ui/rte/core/HtmlProcessor.js 中，因此您可能需要通过将该文件复制到应用程序作为 /apps/cq/ui/rte/core/HtmlSerializer.js and/or /libs/cq/ui/rte/core/HtmlProcessor.js。这段代码在几个地方做了 toLowerCase，但我不知道具体在哪里会改变样式属性值。但我怀疑是。其中一个文件的评论似乎很可疑：
// IE < 9 will report uppercase style names; hence normalize to lowercase
所以也许添加了一些代码来解决 IE 错误，该错误打乱了您想要做的事情——本质上是在修复 IE 问题时引入了不同的错误。