formio.js icon indicating copy to clipboard operation
formio.js copied to clipboard

[BUG] When selecting 'Heading 1' in content component, In html the heading becomes <h2>

Open MasterMart opened this issue 3 years ago • 1 comments

Environment

Please provide as many details as you can:

  • Formio.js version: 4.13.5
  • Frontend framework: Angular
  • Browser: Chrome
  • Browser version:

Steps to Reproduce

  1. Create a form with a content component. Select 'Heading 1' from the dropdown in the rich text editor. Add some arbitrary text.
  2. Render the form in Angular and open the form in a browser.
  3. Check the html source code of the page.
  4. Observe the

    around the arbitrary text you entered in step 1.

Expected behavior

When I select 'Heading 1' from the dropdown, the content component gets rendered with a

. So forth for 'Heading 2', 'Heading 3', etc.

Observed behavior

'Heading 1' ->

, 'Heading 2' ->

, etc. See screenshots below

Example

In editor: Screenshot 2022-01-25 at 11 52 06

Rendered in Angular: Screenshot 2022-01-25 at 11 52 21

MasterMart avatar Jan 25 '22 10:01 MasterMart

The content component does not seem to work with the latest version (4.15.0-rc.12) of formiojs and react. It shows an empty area. Any recommendations? Does this version work fine with angular?

sdancer75 avatar Apr 27 '22 08:04 sdancer75

Closing this thread as it is outdated. Please re-open if it is still relevant. Thank you for your contribution!

daneformio avatar Feb 07 '24 14:02 daneformio