syncfusion-vue-rich-text-editor
Implementing the Syncfusion Vue Rich Text Editor
The Syncfusion Vue Rich Text Editor (ejs-richtexteditor) is a single, unified editor component that supports two primary modes:
- HTML mode (default) — WYSIWYG editor that returns valid HTML markup
- Markdown mode — plain-text editing with Markdown syntax, rendered via a third-party library like
marked
Both modes share the same Vue component and @syncfusion/ej2-vue-richtexteditor package. The editorMode prop and the injected service module (HtmlEditor vs MarkdownEditor) are what differentiate them.
When to Use This Skill
- User wants to add a rich text / WYSIWYG editor to a Vue app
- User wants a Markdown editor with preview support
- User needs to customize the toolbar (types, items, sticky, floating)
- User wants to insert images, audio, video, tables, or links
- User needs paste-from-Word cleanup, inline editing, or IFrame mode
- User wants to integrate AI Assistant, slash menu, emoji picker, or @mentions
- User needs form validation, read-only mode, or XHTML validation
- User needs to get/set editor value or work with events and selection API
More from syncfusion/vue-ui-components-skills
syncfusion-vue-scheduler
Implement event scheduling, calendar views, and appointment management using Syncfusion Vue Scheduler component. Use this skill when working with calendars, event scheduling, appointment booking systems, resource management, timeline views, recurring events, drag-and-drop event handling, or any scenario involving time-based event visualization and management in Vue applications. Trigger for scheduler implementations, calendar integrations, booking systems, meeting planners, task schedulers, or resource allocation tools.
5syncfusion-vue-barcode
Create and customize barcode, QR code, and Data Matrix components using Syncfusion Vue Barcode Generator. Use this skill when implementing barcode generation, QR code creation, Data Matrix codes, export functionality, and barcode styling. Covers Syncfusion's BarcodeGenerator, QRCodeGenerator, and DataMatrixGenerator components for Vue applications (Composition API and Options API).
5syncfusion-vue-chat-ui
Implement the Syncfusion Vue Chat UI component for Vue chat interfaces, messaging applications, conversational UI, chat widgets, real-time messaging, user-to-user communication, bot integrations, customer support chat, collaborative messaging, instant messaging features, chat rooms, or when user mentions "chat ui", "chat component", "messaging interface", "conversation view", or @syncfusion/ej2-vue-interactive-chat package.
5syncfusion-vue-themes
Use this skill when users need to apply themes, customize appearance, switch dark mode, use CSS variables, configure icons, or modify visual styling for Syncfusion Vue components. Covers icon library, size modes, and Theme Studio integration.
5syncfusion-vue-common
Common utilities and features for Syncfusion Vue components. Use this skill when the user needs to implement animations, drag-and-drop, state persistence, RTL support, localization, globalization, security, templates, and advanced features for Syncfusion Vue components.
5syncfusion-vue-speech-to-text
Implement the Syncfusion Vue Speech-to-Text component. Instructions for integrating voice input, real-time transcription, language configuration, programmatic control, event handling, UI customization, browser compatibility, and security considerations for microphone-enabled applications.
5