javascript - Smarty 3 在 javascript 中中断 html

Question

当我在变量中放入一些 html 时，Smarty 3 破坏了我的 javascript。

我的代码(缩短):

 <section id="map">
     <script>
         {literal}
             var contentString = '<div id="content">'+
                 '<div id="siteNotice">'+
                  '</div>'+
                  '<h1 id="firstHeading" class="firstHeading">Uluru</h1>'+
                  '<div id="bodyContent">';
        {/literal}
    </script>
</section>

当我查看网站的源代码时，它中断并关闭了 html 标签:

<script>
     var contentString = '<div id="content">'+
          '<div id="siteNotice">'+
          '!!!</script></section>!!!</div>'+
          '<h1 id="firstHeading" class="firstHeading">Uluru</h1>'+
          '<div id="bodyContent">';

即使我将整个 html 放在一行中的变量中，它也会在 html 中的第一个/之后中断..

 <section id="map">
     <script>
     {literal}
         var contentString = '<div id="content"><div id="siteNotice"></div><h1 id="firstHeading" class="firstHeading">Uluru</h1><div id="bodyContent">';
    {/literal}
    </script>
</section>

变成:

var contentString = '<div id="content"><div id="siteNotice"></script></section></div>';

这真的很奇怪。有什么想法吗？

提前致谢!

Answer 1

我想你应该包装 <script>在 {literal} 中标记也阻止，而不是突出其内容。

<section id="map">
    {literal} 
        <script>     
         var contentString = '<div id="content">'+
             '<div id="siteNotice">'+
             '</div>'+
             '<h1 id="firstHeading" class="firstHeading">Uluru</h1>'+
             '<div id="bodyContent">';    
        </script>
    {/literal}
</section>