Editing issue in fragments when using rich text
How To articles are not official guidelines or officially supported documentation. They are community-contributed content and may not always reflect the latest updates to Liferay DXP. We welcome your feedback to improve How To articles!
While we make every effort to ensure this Knowledge Base is accurate, it may not always reflect the most recent updates or official guidelines.We appreciate your understanding and encourage you to reach out with any feedback or concerns.
Legacy Article
You are viewing an article from our legacy "FastTrack"
publication program, made available for informational purposes. Articles
in this program were published without a requirement for independent
editing or verification and are provided"as is" without
guarantee.
Before using any information from this article, independently verify its
suitability for your situation and project.
Issue
- Using the following code in a fragment results in an error when editing the rich text field, using a copied text.
- The title field is empty and the pasted text gets duplicated and can not be edited and it gets displayed outside the editable field.
<h1 data-lfr-editable-id="title" data-lfr-editable-type="rich-text">
Default title
</h1>
Resolution
- The following code change solves the issue:
<div data-lfr-editable-id="title" data-lfr-editable-type="rich-text">
<h1>
Default title
</h1>
</div>
- It is not a good practice to have specific HTML elements be rich-text editable such as h1, because certain HTML elements can't nest their own types or others.
Did this article resolve your issue ?