Skip to content

Built in plugins

Jiuqing Song edited this page Jun 29, 2019 · 7 revisions

Go back to Home

Default plugins:

In RoosterJs 6.19.0, there are 6 built-in plugins. 3 of them are by default loaded by createEditor() API. They are:

HyperLink

Hyperlink plugin provides 3 functionalities:

  1. When type or paste a string looks like a hyperlink, it will automatically change this text in to hyperlink (auto link).
  2. Since click on a hyperlink in editor will not bring user to that linked page, this plugin can help show a tooltip on hyperlink with specified text format.
  3. When Ctrl+Click on a hyperlink, open the link in target window

Paste

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

ContentEdit

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.

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.

ImageResize

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.