Things I have tried
- Watched the Productivity Guru youtube video on using iframe in Obsidian, which is where I got the idea from.
- Contacted TradingView, the provider of the widget I want to embed, and asked for assistance. Which they did provide, but their solution did not work, either.
What I’m trying to do
I want to embed a stock ticker widget from tradingview.com in my Obsidian notes. Tradingview provides the code for the widget, which I did embed, but it did not work. I tried several modifications of my own, as well as several suggested solutions from Tradingview. None of them worked.
If any of you have any ideas about how I could tweak the following code, I would appreciate it. Now if I can just figure out how to put a code block in this topic…
(a preview button would be nice in this situation).
<iframe width="800" height="100"src="<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
<div class="tradingview-widget-container__widget"></div>
<div class="tradingview-widget-copyright"><a href="https://in.tradingview.com" rel="noopener" target="_blank"><span class="blue-text">Quotes</span></a> by TradingView</div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-tickers.js" async>
{
"symbols": [
{
"proName": "FOREXCOM:SPXUSD",
"title": "S&P 500"
},
{
"proName": "FOREXCOM:NSXUSD",
"title": "Nasdaq 100"
},
{
"proName": "FX_IDC:EURUSD",
"title": "EUR/USD"
},
{
"proName": "BITSTAMP:BTCUSD",
"title": "BTC/USD"
},
{
"proName": "BITSTAMP:ETHUSD",
"title": "ETH/USD"
}
],
"colorTheme": "light",
"isTransparent": false,
"showSymbolLogo": true,
"locale": "in"
}
</script>
</div>
<!-- TradingView Widget END -->"</iframe>
