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();