Inserting Text At Cursor Location With Quill.js

javascript rich-text-editor quill
josephmisiti picture josephmisiti · May 14, 2014 · Viewed 8.9k times · Source

I am trying to add a custom piece of functionality ("module") to quill.js and cannot seem to do it. Here is what I need:

If want to add a button that inserts a template replacement variable... say something like {{company}} at the location of the cursor in the editor, is that currently possible with the API - I thought I could do it using insertText but I cant seem to get it to work.

Thanks

Answer

Tikall picture Tikall · Apr 16, 2019

What I ended up doing in a very similar setup:

let mergeFieldText = '{{company}}';
var selection = this._quill.getSelection(true);
this._quill.insertText(selection.index, mergeFieldText);

Related questions

HTML5 rich-text inside textarea

I heard that the new HTML5 will add rich text capability to textareas (it will make them more flexible), so you can do stuff like code syntax highlighting editors without very nasty javascript (like creating iframes and stuff). Is this …

Read More
Rich text editor that has image upload option

I am trying to create a Content Management System using Codeigniter. At present I am stuck on finding a text editor that has built-in image upload option (just like in joomla), so that users can insert images in the content …

Read More
How to create a rich text editor

Hey all i want to know what is the concept behind creating the rich text editor. i mean how to create a rich text editor. I want to learn the implementation. PS: please donot suggest using YUI or any other …

Read More