Integrieren Sie CSS und Javascript in bestimmte Modx-Seiten
P粉691461301
P粉691461301 2024-03-31 10:49:45
0
1
493

Ich versuche, ein sehr einfaches CSS- und JavaScript-Snippet in eine Modx-Seite einzubinden, die die neuesten Newsletter von MailChimp auflistet:

<style type="text/css">
.display_archive {font-family: arial,verdana; font-size: 12px;}
.campaign {line-height: 125%; margin: 5px;}
</style>
<script language="javascript" src="//ZZZZ.us11.list-manage.com/generate-js/?u=XXXXX&fid=YYYYY&show=10" type="text/javascript"></script>

<script> 标签返回一个 document.write(), wodurch eine verknüpfte Liste ausgegeben wird.

Leider scheint TinyMCE das <style><script>-Tag zu blockieren und dieser Code wird nicht hinzugefügt. Was ist der beste Weg, diesen Codeblock zu einer bestimmten Seite hinzuzufügen?

Ich habe diese Seite gefunden, auf der das Hinzufügen des Codes zu <head><body> 标记的方法,但我希望将代码插入到页面的特定部分(因为它执行 document.write gezeigt wird, daher ist die Platzierung wichtig.

Ich dachte, eine andere Möglichkeit wäre, ein Code-Snippet zu erstellen:

$response = file_get_contents('https://ZZZZZ.us11.list-manage.com/generate-js/?u=XXXXX&fid=YYYYY&show=10')
// remove "document.write"
// unescape slashes
return $clean_html;

Aber das scheint nicht der beste Ansatz zu sein.

P粉691461301
P粉691461301

Antworte allen(1)
P粉841870942

您可以尝试将整个块包装在 标记中。


    
    

另一个选择是进入 TinyMCS 配置文件并将 scriptstyle 添加到 extended_valid_elements。像这样的东西:

.AddSetting("extended_valid_elements", "script[*],style[*]")

具体如何完成(以及是否可能)将取决于您使用的 TinyMCE 插件。有些插件比其他插件允许更多配置。

另一个解决方案:(假设问题是您希望在样式和脚本标记之前和之后拥有可编辑的富文本内容)--向页面模板添加两个富文本框,其中的块包含您的样式和脚本标记他们。例如,在模板中您可以有:

[[*content]]
[[$chunkWithTags]]
[[*anotherRichTextTV]]
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage