React HtmlEditor - Limitations

HTML Editor is designed to create rich text and export it in HTML or Markdown format. You can also use the component to parse HTML content (for example, if you set value to markup). However, this technique may prove ineffective because HTML Editor does not support all HTML features. The following limitations apply:

  • If you use Shadow DOM, the HTML Editor component may experience issues in some browsers (see getSelection).

  • HTML Editor does not produce a fully-structured HTML document with <!DOCTYPE>, <head>, and <body> tags. The editor is meant to export simple markup that contains formatted rich content for an article, forum post, etc.

  • HTML Editor saves only a limited subset of tags and attributes. All other formatting attributes and features are discarded.

  • HTML Editor automatically removes redundant tags:

    <!-- from -->
<p><span>He</span><em><span>llo</span></em></p>

<!-- to -->
<p>He<em>llo</em></p>

  • HTML Editor trims extra space and tab characters passed to the value option.

  • The component is not designed to convert text enclosed in curly brackets ({}) to a variable. Content in curly brackets is always treated as plain text.

  • The HTML Editor tables are native HTML tables and use native features; therefore, the same limitations apply. For example, users cannot paste multiline text in separate cells.

  • The HTML Editor tables do not support complex elements in cells, such as block elements, lists, nested tables, etc.

  • HTML Editor does not support complex clipboard data formats of HTML pages and text processor applications, such as Microsoft Word®.

  • HTML Editor does not support CSP. If you want to pass markup that contains inline styles to HTML Editor value, use style-src 'unsafe-inline'; directive to avoid errors.