I have a questions regarding the Paragraph drop down menu.

 

I noticed that when you highlight a line of text and select a Format style for it (ie, Heading 1), the tags surrounding that line of text are changed to the corresponding Format tags (ie, <h1>).

 

The problem I am experiencing is that sometimes there are cases where the surrounding tags are <div> tags around a block of text.  So if I try to apply a Format style to even a single word within a block of text, the whole block of text changes to that Format style (the <div> tags surrounding the block of text turn into <h1> tags).

 

Is there any way to allieviate this problem?

 

 

Here is an example.

 

This is the block of text as it normally stands

 

If I want to make the words "ABB Automation" in style Heading 1, I highlight them and select "Heading 1" from the Paragraph drop down.  This is what results:

 

 

As you can see, the <h1> tags simply replaced the <div> tags.  This isn't correct because all I wanted to do was apply the <h1> tags to the words "ABB Automation." 

 

Is there any way to make this work right without having to directly edit the HTML? Is there a way to make it so that the Paragraph drop down selection simply inserts new tags around the highlighted text, rather than modifying the existing surrounding tags?

 

Thanks you,
Nathan

Upon reflection, I would think that it should work the same way that applying Bold, Underline, or Italics work. When you highlight a section of text and click one of those buttons, it surrounds the highlighted text with the specific tags.  That is not what is happening with the Format style tags.

Anything new on this?

 
I know what you mean.

However Headings are Block-level elements. <hX> elements aren't just about setting font size, color, they add structure to your content.

When you apply heading directly, the whole paragraph will become the heading of the page.

<div>
<br/>ABB Automation
<br/>
<br/>is the world&#39;s leading supplier of automation technologies, from stand-alone products to integrated solutions. Our portfolio includes controls and instrumentation, motors, drives and power electronics, robotics and flexible automation, marine and turbocharger systems, plus a vast range of industry-specific solutions. We serve customers in virtually every industry and geographic location, through a network of professionals that understand our customers&#39; businesses.
</div>

If you just want to change the ABB Automation to heading tag, the fist step we should do is changing the page structure.

Select the ABB Automation, and click insert paragraph button, now you can apply any block-level elements.

Hope it helps.

Let me know if you have any further questions.

 

It looks like if I select the text itself and use Insert Paragraph, it deletes the text that I've highlighted.  Instead, I click on the line below it and use the Insert Paragraph which puts a split in the structure of the conent.  Then when I apply a heading to the text it works fine.  I suppose I will do that from now on.

 

However, I still have the question of why the heading can't be applied by simply surrounding the highlighted text with the <hX> tags.  I understand the issue of structure that comes with using headings, but that doesn't mean that it cannot be applied in that fashion.  If you just put the heading tags around some text, the structure will be applied automatically.