Skip to content

Built in plugins

Jiuqing Song edited this page Feb 10, 2018 · 7 revisions

Go back to Home

This page is under construction. Please come back later, thanks!

Default plugins:

In RoosterJs 6.7.0, there are 7 built-in plugins. 4 of them are by default loaded by createEditor() API. They are:

DefaultShortcut

This plugin will handle common edit operation which is not provided by web-browser. 
For example, when press Tab key in a list, with this plugin editor will indent current list item, while the
default browser behavior is to focus to next element outside editor.

HyperLink

This plugin provides handlers to most common used shortcuts, such as Ctrl-B, Ctrl-I, Ctrl-U, Ctrl-., Ctrl-/, ...

Paste

This plugin provides two functionalities:

For all hyperlinks inside the editor content, handle Ctrl + Click event to open this link since hyperlink can't be directly opened in editing mode

When provided a string callback, this plugin will show a tooltip on hyperlink when hovering to tell user information about this link

ContentEdit

This plugin handles paste event, retrieve pasted content and insert it into content. It supports pasting both HTML content and inline image.

Additional plugins:

And the plugins below are not loaded by createEditor() by default. If you want to include them in your project, you can load them menually by either createEditor() API or the constructor of Editor class:

Watermark

A plugin to support watermark text (a placeholder) when editor is empty.

InlineImageResize

A plugin to support the functionality of resizing an inline image inside editor.

TableResize

A plugin to support the functionality of resizing a table inside editor.

More plugins:

To explore more plugins such as format bar (aka Ribbon), emoji, ..., please check out roosterjs-react project and it provides some UI plugins based on react.

Clone this wiki locally