Bold and italic tag in the tree

When editing a paragraph, you can use the bold and italic buttons.
The bold and italic tags do not appear in the tree below the “Overview” panel paragraph.


Currently, to put a portion of text in bold with the primary color, you must go through “Convert to HTML”.

Once the desired classes are added, you can use “Convert to components”.
In this case in the “Overview” panel the bold and italic markups appear in the tree.

It would be very convenient to display the nested tags after the validation of the text.
It would then be possible to add classes without going through the “Custom code” step.

I agree that this would be useful, unfortunately there are deep technical reasons why we don’t do it.

The reason why bold, italic, setting links and other text editing actions are not shown in the Overview is that they are not real components. The app treats them as properties of the text. You can freely mark text with bold, italic and make links in arbitrary order and nesting, which makes it impossible for the app to track which component is which when you finish text editing. If we tried treating them like real components they would lose all their Options and other properties on every edit.

This means that if we add a span text editing command it would behave in the same way, it won’t be a real component.

You can drag a span from the components tab and drop it into your paragraph where you want it to be. The span is a real component with all options available

1 Like

Good. Now I use the “Add To Favorites” option for components: Bold, Italic, Span, etc. :+1: