Welcome to the Angular feedback portal. We’re happy you’re here! If you have feedback on how to improve the Angular, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

(Noticed this behavior in my own project, but was able to consistently reproduce in the "EnterShiftEnter" sample project available in the RTE demos section.)

The scenario: I have set my RTE to use div tags instead of the default p tags when pressing enter (EnterKey property set to 'DIV'). The RTE respects this setting EXCEPT for directly after an ordered or unordered list (OL or UL tags). I suspect this is because, in order to terminate the OL or UL, you need to press enter (creating an empty LI element) then deselect the OL/UL button in the toolbar - I think the code that removes the empty LI element from the markup just assumes use of the p tag for the replacement. It is my expectation that, because I have pressed the enter key before terminating the list by deselecting the OL or UL button in the toolbar, the EnterKey setting would be honored and div tags would be used, rather than p tags. RTE not honoring the EnterKey setting in this scenario has the potential to create HTML that may not be what my app or my app's users expect.

To reproduce (using the "EnterShiftEnter" demo project -

  1. (optional) Upgrade RTE to @latest (described behavior happens in both versions 19.x and 25.x)
  2. Run the project
  3. Set the "When pressing the enter key" dropdown value to "Create a new <div>"
  4. Set the cursor in the editor to the end of the last LI element
  5. Press the enter key - an empty LI element is created
  6. Deselect the "Bulleted List" button in the toolbar
  7. Type "This should be in a div but it's in a p" then hit enter
  8. Type "This is ACTUALLY in a div"
  9. Inspect the source by selecting the "Code View" button in the toolbar