Inclure CSS et Javascript dans des pages Modx spécifiques
P粉691461301
P粉691461301 2024-03-31 10:49:45
0
1
480

J'essaie d'inclure un extrait CSS et JavaScript très simple dans une page Modx qui répertorie les dernières newsletters de MailChimp :

<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(), qui génère une liste chaînée.

Malheureusement, TinyMCE semble bloquer la balise <style><script> et ce code n'est pas ajouté. Quelle est la meilleure façon d’ajouter ce bloc de code à une page spécifique ?

J'ai trouvé cette page qui montre l'ajout du code à <head><body> 标记的方法,但我希望将代码插入到页面的特定部分(因为它执行 document.write, donc l'emplacement est important.

Je pensais qu'une autre option serait de créer un extrait de code :

$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;

Mais cela ne semble pas être la meilleure approche.

P粉691461301
P粉691461301

répondre à tous(1)
P粉841870942

Vous pouvez essayer d'envelopper le bloc entier dans une balise .


    
    sssccc

Une autre option consiste à accéder au fichier de configuration TinyMCS et scriptstyle 添加到 extended_valid_elements. Quelque chose comme ça :

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

La manière exacte dont cela se fera (et si cela est possible) dépendra du plugin TinyMCE que vous utilisez. Certains plugins permettent plus de configuration que d'autres.

Une autre solution : (en supposant que le problème soit que vous souhaitiez avoir un contenu de texte riche modifiable avant et après vos balises de style et de script) - ajoutez deux zones de texte enrichi au modèle de page avec des blocs contenant vos balises de style et de script. Par exemple, dans un modèle vous pourriez avoir :

[[*content]]
[[$chunkWithTags]]
[[*anotherRichTextTV]]
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal