# EuiEditorComponent

**Type:** component



Rich text editor component based on Quill with customizable toolbar and formatting options.
Provides WYSIWYG editing capabilities with support for text formatting, images, tables, links, and code blocks.
Implements ControlValueAccessor for seamless integration with Angular forms.
Supports both HTML and JSON output formats with character and word counting.
Commonly used for content management, document editing, comment systems, and rich text input fields.
Dependencies: Quill editor library, EuiDialogService for image URL dialogs.


**Selector:** `eui-editor`

## Inputs
- **customToolbarConfig**: `ToolbarItemConfig[]` - 
- **customToolbarPosition**: `"top" | "bottom"` - 
- **debug**: `"warn" | "log" | "error" | unknown` - 
- **e2eAttr**: `string` - 
- **format**: `"html" | "json"` - 
- **formats**: `string[] | null` - 
- **height**: `string` - 
- **id**: `string` - 
- **isEnabledOnFocus**: `boolean` - Please check the showcase sample in order to replace this feature using the focus emitter.
- **isMinimalToolbar**: `boolean` - 
- **isReadOnly**: `boolean` - 
- **modules**: `QuillModules` - 
- **placeholder**: `string` - 
- **showCounters**: `boolean` - 
- **tabindex**: `string` - 
- **theme**: `"snow" | "bubble"` - 

## Outputs
- **blur**: `EventEmitter` - 
- **charactersCountChange**: `EventEmitter` - 
- **contentChange**: `EventEmitter` - 
- **editorChange**: `EventEmitter` - 
- **editorCreate**: `EventEmitter` - 
- **focus**: `EventEmitter` - 
- **selectionChange**: `EventEmitter` - 
- **wordsCountChange**: `EventEmitter` -