What is @ckeditor/ckeditor5-link?
@ckeditor/ckeditor5-link is a plugin for CKEditor 5 that allows users to create, edit, and manage links within the editor. It provides a user-friendly interface for adding hyperlinks to text, ensuring that the links are properly formatted and functional.
What are @ckeditor/ckeditor5-link's main functionalities?
Adding a Link
This feature allows users to add hyperlinks to selected text within the editor. The toolbar includes a link button that opens a dialog for entering the URL.
ClassicEditor.create(document.querySelector('#editor'), { plugins: [ Link ], toolbar: [ 'link' ] })
Editing a Link
This feature allows users to edit existing links. Users can change the URL or the display text of the link through the editor's interface.
editor.model.change(writer => { const linkElement = writer.createElement('link', { href: 'https://example.com' }); writer.insert(linkElement, editor.model.document.selection.getFirstPosition()); });
Removing a Link
This feature allows users to remove hyperlinks from the text. The link is removed, but the text remains intact.
editor.model.change(writer => { const selection = editor.model.document.selection; const range = selection.getFirstRange(); writer.removeAttribute('linkHref', range); });
Other packages similar to @ckeditor/ckeditor5-link
quill
Quill is a modern WYSIWYG editor built for compatibility and extensibility. It includes link management features similar to @ckeditor/ckeditor5-link, allowing users to add, edit, and remove links within the editor.
tinymce
TinyMCE is a popular rich text editor that provides comprehensive link management capabilities. It offers a user-friendly interface for adding, editing, and removing links, similar to @ckeditor/ckeditor5-link.
froala-editor
Froala Editor is a lightweight WYSIWYG HTML editor that includes link management features. It allows users to easily add, edit, and remove links, providing functionality comparable to @ckeditor/ckeditor5-link.