You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Subscribe via RSS
Recent
Categories
Tags
View Replies (8)

Resolved When I apply a header style to normal text inside a tag, the style is apply to more than the selection

  1. Issue
  1. Chacapamac
    Chacapamac
  2. JCE Plugins / Addons
  3. Thursday, 19 November 2020
When I apply a header style to normal text inside a < section > tag, the style is apply to more than the selection
Accepted Answer
Ryan
Ryan
Accepted Answer Pending Moderation
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.
Just because you're not paranoid doesn't mean everybody isn't out to get you.
  1. more than a month ago
  2. JCE Plugins / Addons
  3. # Permalink
Responses (8)
Chacapamac
Chacapamac
Accepted Answer Pending Moderation
Select text (in Section tag
select.jpg

Apply Header style
style-apply.jpg

Result
result.jpg
Attachments (3)
select.jpg select.jpg
style-apply.jpg style-apply.jpg
result.jpg result.jpg
  1. more than a month ago
  2. JCE Plugins / Addons
  3. # 1
Ryan
Ryan
Accepted Answer Pending Moderation
What does the "header style" comprise of? Is it a Custom Style or just a class from the template stylesheet?
Just because you're not paranoid doesn't mean everybody isn't out to get you.
  1. more than a month ago
  2. JCE Plugins / Addons
  3. # 2
Chacapamac
Chacapamac
Accepted Answer Pending Moderation
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 />

	<h4 class="icon-video purple center">Regardez nos vidéos, vivez l’expérience du eFoil Takuma</h4>

    <br />

        smartslider3[26]

</section>
  1. more than a month ago
  2. JCE Plugins / Addons
  3. # 3
Chacapamac
Chacapamac
Accepted Answer Pending Moderation
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

list.jpg
Attachments (1)
list.jpg list.jpg
  1. more than a month ago
  2. JCE Plugins / Addons
  3. # 4
Ryan
Ryan
Accepted Answer Pending Moderation
In the Editor Global Configuration, what have you set for Container Element & Enter Key?
Just because you're not paranoid doesn't mean everybody isn't out to get you.
  1. more than a month ago
  2. JCE Plugins / Addons
  3. # 5
Chacapamac
Chacapamac
Accepted Answer Pending Moderation
Global Config : — Container Element & Enter Key = None : Linebreak

Same in the active —> Profile > Typoraphy > Container Element & Enter Key = None : Linebreak
  1. more than a month ago
  2. JCE Plugins / Addons
  3. # 6
Chacapamac
Chacapamac
Accepted Answer Pending Moderation
Thanks Ryan understood! — SOLVED!
  1. more than a month ago
  2. JCE Plugins / Addons
  3. # 7
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!