Hello.

I want to request a feature for the Native Editor that is available in Microsoft Word.

I would like to be able to set the cursor on an existing hyperlink, click the Hyperlink tool, and change the display text on the hyperlink. 

This change would also include adding a "Display Text" form field on the hyperlink tool dialog view.

Add ability to specify the tag which will be inserted when the Enter key is pressed (e.g., p, br, div, etc.).

If the Editor component has the "required" property it can be easily validated with a simple configuration. 

Currently, the validation of the Editor can be achieved only with custom validation.

Describe the bug
The Native Editor blocks the browser when used in Vue 2. Meanwhile, the same component configuration works correctly in Vue 3.

To Reproduce

1. Open this CodeSandbox(Vue 2)
2. The project cannot be started or blocks the browser

Expected behavior
The example above should be working like in this project(Vue 3).

Describe the bug

In a Native Editor scenario, if you open the View HTML window, the window can be closed only using the two buttons at its bottom.

To Reproduce

1. Open this StackBlitz example.
2. Click on the View HTML button.
3. Try to close the window using the "x" button in the upper right corner.

Expected behavior
The popup window should be closed when the "x" button is clicked

Describe the bug

Highlight some text in the Editor. Set a font colour other than black, then use the Underline tool.

Once underlined, the text decoration is not the same colour as the text.

To Reproduce

1. Open https://codesandbox.io/s/great-rosalind-43wdd0
2. Highlight any text
3. Change the font colour to anything other than black
4. Use the underline tool to underline the highlighted text
5. Deselect the text and the text decoration and font colour do not match.

Expected behavior

The font colour and underline colour should match.

Describe the bug

After inserting an image using the "Insert Image" tool it is possible to add a hyperlink to it using the "Insert Hyperlink" tool.

If the image's dimensions are then edited by selecting the image and using the "Insert Image" tool, the hyperlink that was added no longer exists.

Before:

After:

To Reproduce

1. Open https://codesandbox.io/s/elegant-parm-l7w93g
2. Right click the image in the editor, you should see the option to open the link.
3. Select the image
4. Open the "Insert Image" tool
5. Change the width or height to another value (e.g. width -> 200px)
6. Click the insert button within the tool
7. Right click the image in the editor, you should see the option to open the link is no longer there.

Expected behaviour

The image should retain any hyperlinks that have been added even if it is resized.

Describe the bug
The following warning appears when using the InsertTable tool of the Native Editor:

[Vue warn]: Component emitted event "tableinsert" but it is neither declared in the emits option nor as an "onTableinsert" prop

NOTE: The warning won't appear when the project is built for production but, still this issue should be fixed

To Reproduce

1. Open this StackBlitz example
2. Insert a random table using the InsertTable tool
3. Check the browser's console

Expected behavior
No warnings should appear when using the InsertTable tool

Screenshots

Describe the bug
The following JS error appears in the console when using the Insert Table tool of the Native Editor without choosing a table size to insert.

To Reproduce

1. Open this StackBlitz example
2. Click on the "Insert table" tool to open a popup
3. Click outside the popup

Expected behavior
No JS should appear when the user opens the popup of the "Insert Table" tool and doesn't select a table size in it.

Screenshots

Describe the bug

Position the Editor's cursor at the start of its text area. Type some text inside an empty Editor and press the Backspace key. The text is not deleted.

If you use the cursor keys or click to reposition the cursor, the Delete and Backspace keys start to work.

To Reproduce

1. Open https://codesandbox.io/s/seb4r5
2. Position the cursor at the start of the Editor (before the word "The")
3. Press the Delete key - instead of text to the right being deleted, nothing happens
4. Type some text before the existing content in the Editor
5. Press the Backspace key - instead of text to the left being deleted, nothing happens

Expected behavior

The Backspace and Delete buttons should work in all Editor scenarios where the text editing is not prevented