Migrate from Tiptap to Froala

Methods and Commands

Froala Editor is designed to obtain results with fewer lines of code. The examples below show how to use Froala Editor methods and how to achieve the same functionality in both Tiptap and Froala Editor. A complete list of methods is available on the Methods documentation.

Stops the editor instance and unbinds all events.

In Tiptap

Copy

editor.destroy();

In Froala

Copy

editor.destroy();

Returns the current editor content as HTML

In Tiptap

Copy

editor.getHTML();

In Froala

Copy

editor.html.get(true);

Check if there is content

In Tiptap

Copy

editor.isEmpty

In Froala

Copy

editor.core.isEmpty();

Clear the whole document

In Tiptap

Copy

editor.commands.clearContent();

In Froala

Copy

editor.html.set('');

Replace the whole document with new content

In Tiptap

Copy

editor.commands.setContent('hey, that’s cool!');

In Froala

Copy

editor.html.set('hey, that’s cool!');

Insert a node or an HTML string at the current position

In Tiptap

Copy

editor.commands.insertContent('hey, that’s cool!');

In Froala

Copy

editor.html.insert('foo bar', true);

Select the whole document

In Tiptap

Copy

editor.commands.selectAll();

In Froala

Copy

editor.commands.selectAll();