How can I initialize table in quill js 2.0.?

javascript quill
Agustine Raj picture Agustine Raj · Sep 14, 2018 · Viewed 10.9k times · Source

How can I initialize table in quill js 2.0.?

I've tried by using table keyword in toolbar it shows table icon but I could not create the table.

enter image description here

Answer

Luchnik picture Luchnik · Apr 12, 2019

Try to provide table module when creating your editor like this:

var editor = new Quill( '#editor', {
    theme: 'snow',
    modules: {
        table: true
    }
} );

And then just reference table module:

const table = editor.getModule('table');

Using table variable you can trigger different methods for tables:

table.insertTable(2, 2);

Full example can be found here: https://codepen.io/quill/pen/QxypzX

Related questions

How do I post contents of a Quill editor in a form?

I have what I think is a very common scenario. I would normally have this form: <form method="post"> <textarea name="text"></textarea> <input type="submit" value="Save" /> </form> Then …

Read More
How do I retrieve the contents of a Quill text editor

I am using the quill text editor in a javascript app and I need to retrieve the contents of the text editor as a string with the HTML included but the docs are a little sparse on this subject.

Read More
How to add image in Quill JS?

I can't figure out how to get images to work like in the example on http://quilljs.com/. I tried adding <span title="Image" class="ql-format-button ql-image"></span> to the toolbar, which adds the button, but …

Read More