{{ each.text }}And I get:
<meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><link rel=stylesheet href=../../css/main.css><link href="https://fonts.googleapis.com/css?family=Quicksand&display=swap" rel=stylesheet><script src=https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js></script><script>window.jQuery||document.write('<script src="../../js/vendors/jquery-3.3.1.min.js"><\/script>')</script><script>document.write('<script src="//pagea'+'d2.googles'+'yndication.com/pagea'+'d/js/a'+'dsby'+'google.js"><\/script>')</script><script>var superSpecialObject={};superSpecialObject['google_a'+'d_client']='ca-p'+'ub-4469282388984999';superSpecialObject['enable_page_level_a'+'ds']=true;(window['a'+'dsbygoogle']=window['a'+'dsbygoogle']||[]).push(superSpecialObject);</script><header class="page-header js-page-header"><a class=page-header-logo-container href=https://geek-ask.imtqy.com/index.html></a><div class=page-header-text>Geek asks and answers</div></header><section class="page js-page"><div itemscope itemtype=http://schema.org/QAPage class=page><div class=main-col itemprop=mainEntity itemscope itemtype=http://schema.org/Question><div class=question-header><h1 itemprop=name><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Django: Why is this output HTML shielded</font></font></h1></div><div class=question><div class=question-row><div class=question-text><div class=description itemprop=text><p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">In my template, I write:</font></font><pre class=prettyprint-override><code class="hljs cs"><div <span class=hljs-keyword>class</span>=<span class=hljs-string>"content video"</span>>{{ each.text }}</div> </code></pre><p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">And I get:</font></font><pre class=prettyprint-override><code class="hljs xml"><span class=hljs-tag><<span class=hljs-name>iframe</span> <span class=hljs-attr>width</span>=<span class=hljs-string>"300"</span> <span class=hljs-attr>height</span>=<span class=hljs-string>"200"</span> <span class=hljs-attr>src</span>=<span class=hljs-string>"http://www.youtube.com/embed/1C1HLH-hOZU"</span> <span class=hljs-attr>frameborder</span>=<span class=hljs-string>"0"</span> <span class=hljs-attr>webkitAllowFullScreen</span> <span class=hljs-attr>mozallowfullscreen</span> <span class=hljs-attr>allowfullscreen</span>></span><span class=hljs-tag></<span class=hljs-name>iframe</span>></span> </code></pre><p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">I want this text to be part of the sign, and not as text. </font><font style="vertical-align: inherit;">What do they say?</font></font></div><div class="favorite hidden"><i class="far fa-star"></i></div><div class=votes-question><i class="glyphicon glyphicon-arrow-ups"></i><div class="vote-count greenc" itemprop=upvoteCount><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">+5</font></font></div><i class="glyphicon glyphicon-arrow-down"></i></div><div class=tags><a href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" class=tag title="show questions tagged with 'django'" rel=tag><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">django</font></font></a> <a href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" class=tag title="show questions tagged 'templates'" rel=tag><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">templates</font></font></a></div><div class=clearfix></div><div class=action-time><span itemprop=author itemscope itemtype=http://schema.org/Person><span itemprop=name><a href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" rel=noopener target=_blank><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Rajat saxena</font></font></a></span></span> <time title="2012-08-04 17:41" itemprop=dateCreated datetime=2012-08-04T17:41:32+0000><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Aug 4 </font><font style="vertical-align: inherit;">'12 at 17:41</font></font></time></div><a class=aa-link href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target=_blank rel=noopener><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">source</font></font></a> <a class=s-link href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" title=share><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">share</font></font></a><div class=clearfix></div></div></div></div><ins style=height:90px;display:block data-zxname=zx-adnet data-zxadslot=ZX-QRST data-zxw=0 data-zxh=90 data-zxid=2 data-overlay=false></ins><div class=answers id=answers_hash><div class=answers-header><span class=pull-left><span itemprop=answerCount><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">1</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> answer</font></font></span><div class=clearfix></div></div><div class="answer-pager hidden"></div><div class="answer accepted last rltd" id=3743930_hash itemscope itemtype=http://schema.org/Answer itemprop=acceptedAnswer><div class=answer-row><div class=answer-text><div class=desc itemprop=text><p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">You mean that the output is </font></font><code>each.text</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">escaped and you see the text in your browser, and not the displayed markup?</font></font><p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">This is because autorun of Django template files is displayed by default for security reasons. </font><font style="vertical-align: inherit;">You might want to use the built-in filter </font></font><code>safe</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">as follows:</font></font><pre class=prettyprint-override><code class="hljs cs"><div <span class=hljs-keyword>class</span>=<span class=hljs-string>"content video"</span>>{{ each.text|safe }}</div> </code></pre><p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Or another way is to use </font></font><a href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" rel="nofollow noreferrer" src><code>mark_safe</code></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">in your view.</font></font></div><div class=votes-answer><i class="glyphicon glyphicon-arrow-ups"></i><div class="vote-count greenc" itemprop=upvoteCount><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">+13</font></font></div><i class="glyphicon glyphicon-arrow-down"></i></div><div class=clearfix></div><div class=action-time><span itemprop=author itemscope itemtype=http://schema.org/Person><span itemprop=name><a href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" rel=noopener target=_blank><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Dirk eschler</font></font></a></span></span> <time title="2012-08-04 18:16" itemprop=dateCreated datetime=2012-08-04T18:16:23+0000><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Aug 4 </font><font style="vertical-align: inherit;">'12 at 18:16</font></font></time></div><a class=aa-link href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target=_blank rel=noopener><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">source</font></font></a> <a itemprop=url class=s-link href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" title=share><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">share</font></font></a><div class=clearfix></div></div></div></div><ins style=height:90px;display:block;margin-top:15px data-zxname=zx-adnet data-zxadslot=ZX-QRST data-zxw=0 data-zxh=90 data-zxid=3 data-overlay=false></ins><div class="answer-pager hidden"></div></div></div></div><section class="more-articles-navigation-panel js-more-articles-navigation-panel"><h4>More articles:</h4><nav class="list-of-articles-container js-list-of-articles-container"><ul class="list-of-pages js-list-of-pages"><li><a href=../1122552/index.html>Asp.net global variable depending on page life cycle? - c #</a><li><a href=../1122553/index.html>Implement SIP Server for Android 4.0 - android</a><li><a href=../1122554/index.html>Show .doc inside div - javascript</a><li><a href=../1122555/index.html>Regarding the implementation of HashMap in java - java</a><li><a href=../1122556/index.html>Is it possible to call a method in a Java application from another JVM? - java</a><li><a href=../1122558/index.html>Управление USB в реальном режиме x86 - x86</a><li><a href=../1122559/index.html>Google puts autocomplete - location and radius don't work - autocomplete</a><li><a href=../1122560/index.html>"java.lang.IllegalStateException: Unable to change fragment tag" when using ViewPager # setCurrentItem () - android</a><li><a href=../1122561/index.html>How to set SQL INSERT query parameter values through VBA in Microsoft Access? - sql</a><li><a href=../1122562/index.html>The difference between the regression tree and the model tree - statistics</a></ul></nav></section><br><a href=../../allArticles.html><strong>All Articles</strong></a> <script src=../../js/main.js></script><script>(function(d,w,c){(w[c]=w[c]||[]).push(function(){try{w.yaCounter62683636=new Ya.Metrika({id:62683636,clickmap:true,trackLinks:true,accurateTrackBounce:true,webvisor:true});}catch(e){}});var n=d.getElementsByTagName("script")[0],s=d.createElement("script"),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.src="https://mc.yandex.ru/metrika/watch.js";if(w.opera=="[object Opera]"){d.addEventListener("DOMContentLoaded",f,false);}else{f();}})(document,window,"yandex_metrika_callbacks");</script><noscript><div><img src=https://mc.yandex.ru/watch/62683636 style=position:absolute;left:-9999px alt></div></noscript><script>window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;ga('create','UA-166339405-1','auto');ga('send','pageview')</script><script src=https://www.google-analytics.com/analytics.js async defer></script></section><footer class=page-footer><div class="page-footer-legal-info-container page-footer-element"><p>Geek-Ask | <span class="page-footer-legal-info-year js-page-footer-legal-info-year">2020</span></div><div class="page-footer-counters-container page-footer-element"><a class=page-footer-counter-clustrmap href=# title="Visit tracker"><img src="https://clustrmaps.com/map_v2.png?cl=698e5a&w=271&t=t&d=-MuxZ73bDptjanSSx-nO3v5W1kSskzmZpKtFpxY6-yI&co=3a3a3a&ct=ffffff"></a></div></footer>