Syncfusion Feedback

Controls
  • Grids
    • Data Grid
    • Pivot Table
    • Tree Grid
    • Spreadsheet
  • Data Visualization
    • Chart
    • Bullet Chart
    • Kanban Board
    • Range Selector
    • Sparkline Charts
    • HeatMap Chart
    • TreeMap
    • Circular Gauge
    • Stock Chart
    • Linear Gauge
    • Smith Chart
    • Maps
    • Diagram
    • 3D Circular Charts
    • 3D Charts
    • Barcode Generator
  • Editors
    • Word Processor
    • Rich Text Editor
    • Image Editor
  • Buttons
    • Button
    • Progress Button
    • Chips
  • Calendars
    • Scheduler
    • Gantt Chart
    • Calendar
    • DatePicker
    • DateRangePicker
    • DateTime Picker
    • TimePicker
  • Dropdowns
    • ComboBox
    • AutoComplete
    • Dropdown List
    • MultiSelect Dropdown
    • ListBox
    • Mention
    • Dropdown Tree
  • Navigation
    • Carousel
    • TreeView
    • File Manager
    • Toolbar
    • Menu Bar
    • Breadcrumb
    • Accordion
    • Context Menu
    • Tabs
    • Sidebar
    • Stepper
    • AppBar
  • Inputs
    • File Upload
    • Signature
    • Color Picker
    • Input Mask
    • TextBox
    • Numeric Textbox
    • Slider
    • Radio Button & Checkbox
    • Toggle Switch Button
    • Rating
    • TextArea
    • OTP Input
  • Layout
    • ListView
    • Splitter
    • Dialog
    • Dashboard Layout
    • Card
    • Tooltip
    • Timeline
    • Avatar
  • Notifications
    • Message
    • ProgressBar
    • Skeleton
    • Toast
    • Badge
  • Forms
    • Query Builder
  • File Viewers & Editors
    • PDF Viewer
    • In-place Editor
  • Interactive Chat
    • AI AssistView
  • Smart Components
    • Smart Paste Button

React Dashboard Layout - Tutorial Videos

Go Back
thumbnail image

Watch video

Getting Started with the React Rich Text Editor Component

See how easily you can create and configure the Syncfusion React Rich Text Editor. This video explains how to edit and format HTML and Markdown content using the Syncfusion React Rich Text Editor component. It also explains a few of the component's important features, like how to customize the toolbar, add HTML elements, and retrieve formatted HTML content.

Download Example: Getting Started with the React Rich Text Editor

Topics included
1. Introduction 00:00 min
2. Create a React project 01:11 min
3. Add React Rich Text Editor with modules and services 01:55 min
4. Customize the toolbar 03:50 min
5. Add HTML elements to RTE 04:35 min
6. Retrieve formatted content from RTE 08:00 min
Plaform: React Show more
thumbnail image

Watch video

How to Customize the Toolbar in React Rich Text Editor Component

See how easily you can customize a toolbar in the React Rich Text Editor component of Syncfusion. This video explains about different types of toolbars and how to add a quick inline toolbar to the Rich Text Editor component.

Download Example: Customize the Toolbar in React Rich Text Editor

Topics included
1. Introduction 00:00 min
2. Overview of an app 00:21 min
3. Add toolbar items 01:13 min
4. Customize the toolbar 01:54 min
5. Set floating toolbar 02:30 min
6. Disable floating toolbar 02:44 min
7. Add a quick inline toolbar 03:09 min
Plaform: React Show more
thumbnail image

Watch video

How to Integrate Third-Party Libraries in the React Rich Text Editor

See how easily you can integrate third-party libraries into a Syncfusion React Rich Text Editor component. This video explains how to integrate the Tribute and Embedly third-party libraries into the Rich Text Editor. You will see how to open an autocomplete pop-up by typing @ in the editor. Also, you will see how to generate a card preview for a link using the Embedly library.

Download Example: Integrate Third-Party Libraries in the React Rich Text Editor

Topics included
1. Introduction 00:00 min
2. Overview of an app 00:41 min
3. Add Tribute library to RTE 01:25 min
4. Open autocomplete pop-up by typing @ in the editor 02:08 min
5. Add Embedly script reference 03:42 min
6. Show a card preview for links 03:58 min
Plaform: React Show more
thumbnail image

Watch video

How to Insert Images in React RTE Using a File Browser

This video explains how to browse images on a server and insert them into the Rich Text Editor component. You will learn how to use the file manager in the RTE to upload and download files.

Download Example: Insert Images in React Rich Text Editor Using a File Browser

Topics included
1. Introduction 00:00 min
2. Overview of an app 00:44 min
3. Add custom toolbar 01:27 min
4. Enable File Manager tool 02:25 min
5. Set AJAX settings 02:55 min
6. Upload and download files 04:10 min
Plaform: React Show more
Chat with us