With both editors, you can create clean HTML output with the easiest WYSIWYG editing possible. If you've already started writing rich-text content, all you have to do is paste it in onlinehtmleditor.dev, make your adjustments, extract HTML output from view-source mode and reuse it anywhere on the web!
MS Word allows to save the document as an .html file but this will result in a lot of unwanted dirty markup. This increases the file size and disrupts the website styles if you end up publishing it online. It's recommended to clean the HTML with this free online tool.
To publish your file on the web you need to paste the HTML code in a .html file and upload it to the web.
If your site is using a CMS then you need to log in with editor credentials and publish the article in your admin area.
In this first example, there are two cards below the editor. The first shows the unparsed html using the double-moustache, whereas the second shows the rendered version using v-html="editor". Using v-html this way renders your users vulnerable to Cross Site Scripting attacks. If the content is user generated, be sure to sanitize it either on render or server side (or both).
HTML code received from the htmlEditor component is loaded in the WebEngine object that specifies the content for the embedded browser. Each time a user clicks the Load Content in Browser button, the edited content is updated in the browser. Figure 21-6 demonstrates Example 21-5 in action.
df19127ead