Example of undefined in Angular Rich Text Editor Component

This sample shows how to add your own commands to toolbar of the Rich Text Editor. The “Ω” command is added to insert special characters in the editor. Click the “Ω” command to show the special characters list, and then choose the character to be inserted in the editor.

Special Characters
^
_
`
{
|
}
~
 
¡
¢
£
¤
¥
¦
§
¨
©
ª
«
¬
®
¯
°
±
²
³
´
µ
·
¸
¹
º
»
¼
½
¾
¿
À
Á
Â
Ã
Description

The Rich Text Editor allows you to configure your own commands to its toolbar using toolbarSettings property. The command can be plain text, icon, or HTML template. You can also define the order and group where the command should be included. Bind the action to the command by getting its instance.

Injecting Module

Rich Text Editor features are segregated into individual feature-wise modules. In this demo we have used following injectable services ToolbarService, LinkService, ImageService, HtmlEditorService, QuickToolbarService, PasteCleanupService into the @NgModule.providers section.