Create link only on "OK" button press
1 - How can I check the implementation of the "Link" action of the richTextEditor in "demo newsletter editor" so I can replicate it? Since there and if the modal is closed without submitting, the link is no created. That modal is from CKEditor2-Why richTextEditor.exec('createLink', 'new'); or rte.insertHTML(<a class="...
Read full answer below ↓Question
Hello everyone, I overwrote the default 'Link' acton of the rich text editor: <img width="1274" alt="screen shot 2018-08-13 at 1 58 43 pm" src="https://user-images.githubusercontent.com/28840780/44027999-2788cfaa-9f01-11e8-9f5e-e24d3ced19ed.png"> Now when clicked, a modal opens, where the user can add the desired url, the text display and the target and submits. Something similar to the implementation currently now available on "demo newsletter editor" using the "grapesjs-plugin-ckeditor" I think. <img width="1275" alt="screen shot 2018-08-13 at 1 56 45 pm" src="https://user-images.githubuser...
Answers (3)
1 - How can I check the implementation of the "Link" action of the richTextEditor in "demo newsletter editor" so I can replicate it? Since there and if the modal is closed without submitting, the link is no created. That modal is from CKEditor2-Why richTextEditor.exec('createLink', 'new'); or rte.i...
Okay thank you for your quick response @artf How to keep the focus on the rte?
You need to catch events which trigger a blur and call stopPropagation. This is how is kept by clicking on the toolbar itself https://github.com/artf/grapesjs/blob/dev/src/rich_text_editor/index.js#L82
Related Questions and Answers
Continue research with similar issue discussions.
Issue #609
CSS editing duplicates body properties
It's still duplicating body sections and properties: When I pull it up, this is what it looks like: <img width="472" alt="screen shot 2017-...
Issue #678
Help Wanted
Hello, 2 queries : 1) How to Add a LOGO as in Demo webpage. 2) How to move the block manager, Style Manager from Right Side to Left Side. T...
Issue #1000
[Question/Bug] how to show plain text as trait
I want to show plain text within the trait under the setting button. In the above image 'Configuration_Type' I want to show as plain text....
Issue #2838
Style sections are duplicated
Hello Guys I'm using: "grapesjs": "0.16.12", "grapesjs-preset-webpage": "0.1.11", and in the css edit area i get this strange behavior: <im...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Related tutorials
In-depth guides on the same topic.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.