Expand my Community achievements bar.

SOLVED

OOB HTML5 plugin is removing the p/div elements which is authored with class attributes

Avatar

Level 2

Hi,

OOB HTML5 plugin is removing the authored elements (p, div etc)  when the class attribute is defined for that element. Instead if p/div elements, <span class="undefined_element" is enclosed between the authored text

Ex: add class/outputclass for p and div tags (<p class="p_test" otherprops="test" outputclass="telephone">507-123-1234</p><div class="divElement"> I am in div section</div>). Run the preset generation for the OOB HTML5 .

 

Authored p/div elements are stripping off in the generated html files, instead of authored content <span class="undefined_element"> is getting added if the class attributed is authored 

Below is the screenshot of the sample dita content

Screen Shot 2023-02-13 at 11.58.06 PM.png

 

Generated HTML output without HTML5 customizations

Screen Shot 2023-02-14 at 6.35.53 AM.png

 

 

OOB Plugin Customizations: Commented below code block in the topic.xsl.

Screen Shot 2023-02-14 at 6.28.08 AM.png

Below is the screenshot of generated HTML5 page after OOB Customization. 

Screen Shot 2023-02-13 at 11.57.54 PM.png

 

P/Div tags got stripped off in generated html5.

Could anyone guide me in retaining the same extact content along with the div/p elements with class attributes that are authored in the dita.

We are using latest version of fmdita - 

com.adobe.fmdita.uuid-6.5-sp-4.1.3.2.zip

Thanks,

Swapna

1 Accepted Solution

Avatar

Correct answer by
Level 2

Issue is solved after authoring the content with outputclass instead of class. HTML5 plugin converts the outputclass to class in generated html. Note: Don't author class for any elements.

Ex: <p outputclass="telephone">507-123-1234</p>

View solution in original post

1 Reply

Avatar

Correct answer by
Level 2

Issue is solved after authoring the content with outputclass instead of class. HTML5 plugin converts the outputclass to class in generated html. Note: Don't author class for any elements.

Ex: <p outputclass="telephone">507-123-1234</p>