Adding Custom Plugin that Inserts Hard Break on Enter in the Editor
Environment
| Product | Progress® Kendo UI® for Angular Editor |
Description
How to add a custom plugin to the Editor component that will insert a hard break when pressing the Enter key?
Solution
To learn how to add custom plugins to the Editor component, refer to the Custom Plugins article.
-
Create a custom plugin by using the keymap function. Bind the
Enterkey press event to the plugin, overriding the default behavior and enabling it to replace the current selection with ahard_breaknode. -
Replace the selection with a
hard_breaknode and modify the selection position to ensure the cursor stays in the correct place. This is done by creating a new transaction (tr) and setting the selection's anchor position tonewPos. -
Associate the newly created custom plugin with the Editor component by utilizing the
pluginsproperty.
The following example demonstrates how to add a custom plugin that will insert a hard break on Enter key press.