<div>
<div class="content wysiwyg-content">
Hi,<br />
I have the following js : <br />

<pre><code id="code-10-28927149-1"> var contentCss = '&lt;link href=&quot;https://cdn.ckeditor.com/4.5.6/full/contents.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;/&gt;';
    var iframeSrc= contentCss + '&lt;body&gt;&lt;div id=&quot;textArea&quot; class=&quot;cke_editable cke_editable_themed cke_contents_ltr cke_show_borders&quot;&gt;' + noteBody + '&lt;/div&gt;&lt;body&gt;';

    document.getElementById('iframe').src = 'data:text/html;base64,' + btoa(iframeSrc);
//    document.getElementById('iframe').srcdoc = iframeSrc;</code></pre>
There are two possible ways i can render this iframeSrc string... which is actually an html string..<br />
One is that i encode it and use it in iframe src... other way is i directly use the whole html string in srcdoc.<br />
<br />
Which is the preferable way ?<br />
Also why do we need to encode data when specifying data URIs ?<br />
<br />
Thanks
</div>
</div>


Hi,
I have the following js : 
(CODE)
There are two possible ways i can render this iframeSrc string... which is actually an html string..
One is that i encode it and use it in iframe src... other way is i directly use the whole html string in srcdoc.

Which is the preferable way ?
Also why do we need to encode data when specifying data URIs ?

Thanks

Why datauri in iframe should be encoded

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

Web applications are systems that run in browsers that perform functions normally associated with other client-based programs. One of the most commonly used web applications is email; instead of downloading individual emails to a local machine, the data is shown through a website. Other examples of web applications are collaborative systems like a wiki or an online game.