无法让小部件与 TPL 文件一起使用答案

【问题标题】：Unable to get widget to work with TPL file无法让小部件与 TPL 文件一起使用
【发布时间】：2019-06-11 16:47:16
【问题描述】：

尝试将小部件添加到网页，但在从小部件站点插入给定代码后，页面部分停止加载。给我的小部件代码是：

<div id="mni-membership-636958440888448977"></div>
<script src="https://thinkplexus.chambermaster.com/Content/Script/Member.js" type="text/javascript"></script>             
<script type="text/javascript">new MNI.Widgets.Member("mni-membership-636958440888448977", { member: 7846, styleTemplate: "#@id{text-align:center;position:relative}#@id .mn-widget-member-name{font-weight:700}#@id .mn-widget-member-logo{max-width:100%}" }).create();</script>

将其添加到任何 TPL 文件时，内容将停止呈现。我尝试将脚本部分添加到 PHP 文件中，并在 TPL 头文件中将它们设置为异步。提供代码的站点不提供任何类型的支持，而且我以前从未使用过 wiget、TPL 或 PHP 文件来辨别生成的代码为什么不起作用。

【问题讨论】：

标签： javascript php html whmcs

【解决方案1】：

{ 和 } 在 SMATRY 模板中保留。使用{literal}

 {literal}
<div id="mni-membership-636958440888448977"></div>
<script src="https://thinkplexus.chambermaster.com/Content/Script/Member.js" type="text/javascript"></script>             
<script type="text/javascript">new MNI.Widgets.Member("mni-membership-636958440888448977", { member: 7846, styleTemplate: "#@id{text-align:center;position:relative}#@id .mn-widget-member-name{font-weight:700}#@id .mn-widget-member-logo{max-width:100%}" }).create();</script>
{/literal}

【讨论】：