Как я могу сделать скрипт тега с блоком данных в PUG - PullRequest
Новая
       6

Как я могу сделать скрипт тега с блоком данных в PUG

0 голосов
/ 21 февраля 2019

Я пытаюсь вставить виджет на свой сайт.В настоящее время я использую PUG в качестве движка шаблонов.Я не уверен, как синтаксис для блока данных должен быть написан.Может кто-нибудь помочь мне указать, что я делаю неправильно.Или, может быть, если есть работа, где я могу вызвать асинхронный блок / блок данных в vanilla javascript?Я уже пытался добавить.после того, как тег скрипта все еще не работает. 

<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
  <div class="tradingview-widget-container__widget"></div>
  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com" rel="noopener" target="_blank"><span class="blue-text">Financial Markets</span></a> by TradingView</div>
  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async>
  {
  "symbols": [
    {
      "description": "BTC/THB",
      "proName": "BXTH:BTCTHB"
    },
    {
      "description": "ETH/THB",
      "proName": "BXTH:ETHTHB"
    },
    {
      "description": "XRP/THB",
      "proName": "BXTH:XRPTHB"
    },
    {
      "description": "EOS/THB",
      "proName": "BITFINEX:EOSTHB"
    },
    {
      "description": "LTC/THB",
      "proName": "BITFINEX:LTCTHB"
    },
    {
      "description": "BSV/THB",
      "proName": "BITFINEX:BSVTHB"
    }
  ],
  "theme": "dark",
  "isTransparent": false,
  "displayMode": "adaptive",
  "locale": "en"
}
  </script>
</div>
<!-- TradingView Widget END -->

Это то, что я получаю от https://html2jade.org/.

// TradingView Widget BEGIN
.tradingview-widget-container
  .tradingview-widget-container__widget
  .tradingview-widget-copyright
    a(href='https://www.tradingview.com', rel='noopener', target='_blank')
      span.blue-text Financial Markets
    |  by TradingView
  script(type='text/javascript', src='https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js', async='')
    {
    "symbols": [
    {
    "description": "BTC/THB",
    "proName": "BXTH:BTCTHB"
    },
    {
    "description": "ETH/THB",
    "proName": "BXTH:ETHTHB"
    },
    {
    "description": "XRP/THB",
    "proName": "BXTH:XRPTHB"
    },
    {
    "description": "EOS/THB",
    "proName": "BITFINEX:EOSTHB"
    },
    {
    "description": "LTC/THB",
    "proName": "BITFINEX:LTCTHB"
    },
    {
    "description": "BSV/THB",
    "proName": "BITFINEX:BSVTHB"
    }
    ],
    "theme": "dark",
    "isTransparent": false,
    "displayMode": "adaptive",
    "locale": "en"
    }
// TradingView Widget END

Кажется, что HTML-код правильный.Если вы посмотрите на скриншот enter image description here

...