When I apply a header style to normal text inside a < section > tag, the style is apply to more than the selection
#105922 When I apply a header style to normal text inside a tag, the style is apply to more than the selection
Posted in ‘Editor’
This is a public ticket
Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.
Latest post by Chacapamac on Monday, 30 November 2020 20:37 GMT
Thursday, 19 November 2020 19:32 GMT
Chacapamac
Thursday, 19 November 2020 19:41 GMT
Chacapamac
Select text (in Section tag
Apply Header style
Result
Apply Header style
Result
Attachments
Saturday, 21 November 2020 11:33 GMT
Ryan
What does the "header style" comprise of? Is it a Custom Style or just a class from the template stylesheet?
Ryan Demmer
Lead Developer / CEO / CTO
Just because you're not paranoid doesn't mean everybody isn't out to get you.
Saturday, 21 November 2020 15:08 GMT
Chacapamac
Tag = h4
Classes = center purple
That’s it
CODE:
<section class="section-videos"><a id="section-videos"></a>
<br />
<div class="graf-section-header-container center">
<h3 class="graf-section-header">VIDÉOS</h3>
</div>
<br />
<strong><h4 class="icon-video purple center">Regardez nos vidéos, vivez l’expérience du eFoil Takuma</h4></strong>
<br />
smartslider3[26]
</section>
Saturday, 21 November 2020 19:44 GMT
Chacapamac
Same with trying to create a list (if apply in a section tag)
When you apply, it apply to the entire “Section” tag, not only the selection
When you apply, it apply to the entire “Section” tag, not only the selection
Attachments
Monday, 23 November 2020 09:37 GMT
Ryan
In the Editor Global Configuration, what have you set for Container Element & Enter Key?
Ryan Demmer
Lead Developer / CEO / CTO
Just because you're not paranoid doesn't mean everybody isn't out to get you.
Monday, 23 November 2020 15:04 GMT
Chacapamac
Global Config : — Container Element & Enter Key = None : Linebreak
Same in the active —> Profile > Typoraphy > Container Element & Enter Key = None : Linebreak
Same in the active —> Profile > Typoraphy > Container Element & Enter Key = None : Linebreak
Monday, 30 November 2020 19:42 GMT
Ryan
The issue here is that when you apply a Format (usually a block element) to some text within another parent block element, then the parent block element is converted into the type you are applying, in the cas the <section> becomes a <h3>.
Normally, when creating a section, it would also include a paragraph, which would contain the text, but because you the Container Element & Enter Key option set to None : Linebreak, no paragraphs are created.
In order to wrap the text selection in a heading, you will either need to add it in Code, or wrap you text in <p> tags so future Format conversions will be added correctly.
It really is a much better idea to use the default Container Element & Enter Key option - Paragraph : Paragraph, as it helps to get around a lot of the issues with javascript based WYSIWYG editors.
Normally, when creating a section, it would also include a paragraph, which would contain the text, but because you the Container Element & Enter Key option set to None : Linebreak, no paragraphs are created.
In order to wrap the text selection in a heading, you will either need to add it in Code, or wrap you text in <p> tags so future Format conversions will be added correctly.
It really is a much better idea to use the default Container Element & Enter Key option - Paragraph : Paragraph, as it helps to get around a lot of the issues with javascript based WYSIWYG editors.
Ryan Demmer
Lead Developer / CEO / CTO
Just because you're not paranoid doesn't mean everybody isn't out to get you.
Monday, 30 November 2020 20:37 GMT
Chacapamac
Thanks Ryan understood! — SOLVED!