如何集成TradingView Ticker Tape组件？CMS不兼容给定格式求助

大部分CMS会对内联script代码、HTML实体转义字符做过滤，导致TradingView的组件代码无法正常导入。以下是几种可行的修复方案：

方案1：用data属性传递配置（推荐） #

将原script标签内的JSON配置移到data-widget-config属性中，用单引号包裹整个配置字符串，避免引号嵌套冲突，同时符合HTML规范，几乎所有CMS都支持这种写法：

<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
  <div class="tradingview-widget-container__widget"></div>
  <script 
    type="text/javascript" 
    src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" 
    async
    data-widget-config='{
      "showSymbolLogo": true,
      "colorTheme": "dark",
      "isTransparent": true,
      "displayMode": "regular",
      "locale": "ja"
    }'
  ></script>
</div>
<!-- TradingView Widget END -->

方案2：移除HTML实体转义符 #

原代码中的"是HTML转义后的双引号，部分CMS会解析这些实体导致配置失效，直接替换为普通双引号即可：

<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
  <div class="tradingview-widget-container__widget"></div>
  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async>
  {
    "showSymbolLogo": true,
    "colorTheme": "dark",
    "isTransparent": true,
    "displayMode": "regular",
    "locale": "ja"
  }
  </script>
</div>
<!-- TradingView Widget END -->

如果CMS对换行敏感，可将JSON压缩为一行：

<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async>{"showSymbolLogo":true,"colorTheme":"dark","isTransparent":true,"displayMode":"regular","locale":"ja"}</script>

方案3：拆分配置与脚本标签 #

如果CMS完全禁止script标签内的代码，可单独添加一个script标签定义全局配置变量（需确认TradingView组件支持读取全局变量，部分组件仅识别自身script标签内的配置）：

<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
  <div class="tradingview-widget-container__widget"></div>
  <script>
    window.tradingViewTickerConfig = {
      showSymbolLogo: true,
      colorTheme: "dark",
      isTransparent: true,
      displayMode: "regular",
      locale: "ja"
    };
  </script>
  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async></script>
</div>
<!-- TradingView Widget END -->

内容的提问来源于stack exchange，提问作者BASKA