Aem 用于触摸界面的CQ5中的富文本编辑器

Aem 用于触摸界面的CQ5中的富文本编辑器,aem,rich-text-editor,Aem,Rich Text Editor,AEM 6中的富文本编辑器有一个源代码编辑器,如果复制粘贴到其中,它将呈现html代码。我被JS部分卡住了。如何使脚本标记在其中工作 如果我加上 <script> $(document).ready(function(){ //alert("1"); }); </script> $(document).ready(函数(){//alert(“1”);}); 然后将其转换为: <p>$(document).ready(function(){ /

AEM 6中的富文本编辑器有一个源代码编辑器,如果复制粘贴到其中,它将呈现html代码。我被JS部分卡住了。如何使脚本标记在其中工作

如果我加上

<script>
      $(document).ready(function(){ //alert("1"); });
</script>

$(document).ready(函数(){//alert(“1”);});
然后将其转换为:

<p>$(document).ready(function(){ //alert(&quot;1&quot;);</p>
$(文档).ready(函数(){//alert(“1”)

在页面源中查看时


和“$(document).ready(function(){//alert(“1”);}”);”将按原样呈现在页面上。

您必须通过在/apps中创建相应的结构来覆盖两个文件:

  • /libs/cq/ui/rte/core/WhitespaceProcessor.js
  • /libs/cq/ui/widgets/source/widgets/form/rte/WhitespaceProcessor.js

并修改每个文件底部的默认删除规则数组-有一个标签列表,RTE小部件从HTML源代码中删除这些标签。

卡住是什么意思?当您在其中添加脚本标签时会发生什么?调试器控制台上出现javascript错误?一旦您重新单击源代码编辑器,它会自动删除这些标签o查看预览。我找不到/libs/cq/ui/widgets/source/widgets/form/rte/WhitespaceProcessor.js文件,而是找到了/etc/clientlibs/granite/coralui2/optional/rte/js/core/WhitespaceProcessor.js,因为我需要它用于触摸ui,并将默认的_删除_规则修改为true。发生的更改是我在源代码中编写的脚本:$(document).ready(function(){alert(“1”);});在页面上呈现为:$(document).ready(function(){alert(“1”);})..它不起作用了好吧,我明白了,我在AEM 5.6.1上,而你的版本使用的是不同版本的Coral UI,这就是为什么脚本放在其他地方。你能不能把原来的WhitespaceProcessor.js的内容复制/粘贴到某个地方(例如),以便我检查代码?