@syncfusion/ej2-react-richtexteditor 34.2.5 → 34.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +97 -69
- package/diConfig.json +2 -2
- package/dist/ej2-react-richtexteditor.min.js +9 -0
- package/dist/ej2-react-richtexteditor.umd.min.js +9 -0
- package/dist/ej2-react-richtexteditor.umd.min.js.map +1 -1
- package/dist/es6/ej2-react-richtexteditor.es2015.js +1 -1
- package/dist/es6/ej2-react-richtexteditor.es2015.js.map +1 -1
- package/package.json +4 -4
- package/src/rich-text-editor/richtexteditor.component.d.ts +1 -1
- package/src/rich-text-editor/richtexteditor.component.js +1 -1
package/README.md
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
# React Rich Text Editor Component | React Markdown Editor
|
|
2
2
|
|
|
3
|
+
> **Using this package with an AI coding agent**
|
|
4
|
+
>
|
|
5
|
+
> Before generating Syncfusion® code, ask your AI coding agent to run the Syncfusion® setup using the following prompt:
|
|
6
|
+
>
|
|
7
|
+
> ```text
|
|
8
|
+
> Set up this project for Syncfusion® before generating code. Fetch and follow the official instructions at https://ai.syncfusion.com/agent-setup/prompt.md, then report the detected platform, installed skill pack, MCP status, and any required licensing action.
|
|
9
|
+
> ```
|
|
10
|
+
> The setup detects your project’s platform and loads the appropriate Syncfusion® skill pack. No Syncfusion® account or MCP key is required to install or read Syncfusion® agent skills.
|
|
11
|
+
>
|
|
12
|
+
> **Platform reference:** [https://ai.syncfusion.com/react/llms.txt](https://ai.syncfusion.com/react/llms.txt)
|
|
13
|
+
|
|
3
14
|
The [React Rich Text Editor](https://www.syncfusion.com/rich-text-editor-sdk/react-rich-text-editor?utm_source=npm&utm_medium=listing&utm_campaign=react-rich-text-editor-npm) is a feature-rich WYSIWYG HTML editor and Markdown editor. The Rich Text Editor is widely used to create blogs, forum posts, notes sections, comment sections, messaging applications, and more. The control provides an efficient user interface for a better editing experience with mobile support. It has a variety of tools to edit and format rich content, and it return a valid HTML markup or Markdown (MD) content. It allows users to insert images, links, tables, media files and lists with modular architectures.
|
|
4
15
|
|
|
5
16
|
<div align="center">
|
|
@@ -23,51 +34,48 @@ Trusted by the world's leading companies
|
|
|
23
34
|
|
|
24
35
|
## ⚡️ Quick Start
|
|
25
36
|
|
|
26
|
-
|
|
37
|
+
This guide uses Vite as the bundler and development environment for the React Rich Text Editor. Install [Node.js](https://nodejs.org/) before proceeding. For detailed information about Vite's capabilities and configuration options, refer to the [Vite documentation](https://vitejs.dev/).
|
|
27
38
|
|
|
28
|
-
###
|
|
39
|
+
### Create a React application
|
|
29
40
|
|
|
30
|
-
|
|
41
|
+
To set up a React application, run the following command.
|
|
31
42
|
|
|
32
|
-
```
|
|
33
|
-
npm
|
|
43
|
+
```sh
|
|
44
|
+
npm create vite@latest my-app -- --template react-ts
|
|
34
45
|
```
|
|
35
46
|
|
|
36
|
-
This command
|
|
47
|
+
This command prompts you to configure the React application. As Syncfusion packages are not installed yet, select the `No` option when prompted.
|
|
37
48
|
|
|
38
|
-
|
|
49
|
+
Then, navigate to the project directory and install the dependencies:
|
|
39
50
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
51
|
+
```sh
|
|
52
|
+
cd my-app
|
|
53
|
+
npm install
|
|
54
|
+
```
|
|
43
55
|
|
|
44
|
-
|
|
56
|
+
### Install the Rich Text Editor package
|
|
45
57
|
|
|
46
|
-
```
|
|
47
|
-
npm
|
|
48
|
-
cd my-app
|
|
49
|
-
npm run dev
|
|
58
|
+
```sh
|
|
59
|
+
npm install @syncfusion/ej2-react-richtexteditor --save
|
|
50
60
|
```
|
|
51
61
|
|
|
52
|
-
|
|
62
|
+
### Add the CSS reference
|
|
53
63
|
|
|
54
|
-
|
|
64
|
+
Install the Syncfusion<sup>®</sup> [Tailwind 3](https://www.npmjs.com/package/@syncfusion/ej2-tailwind3-theme) theme package:
|
|
65
|
+
|
|
66
|
+
```sh
|
|
67
|
+
npm install @syncfusion/ej2-tailwind3-theme --save
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
Then add the following CSS reference to the `src/App.css` file:
|
|
55
71
|
|
|
56
72
|
```css
|
|
57
|
-
@import '
|
|
58
|
-
@import '../../node_modules/@syncfusion/ej2-icons/styles/tailwind3.css';
|
|
59
|
-
@import '../../node_modules/@syncfusion/ej2-buttons/styles/tailwind3.css';
|
|
60
|
-
@import '../../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind3.css';
|
|
61
|
-
@import '../../node_modules/@syncfusion/ej2-inputs/styles/tailwind3.css';
|
|
62
|
-
@import '../../node_modules/@syncfusion/ej2-lists/styles/tailwind3.css';
|
|
63
|
-
@import '../../node_modules/@syncfusion/ej2-navigations/styles/tailwind3.css';
|
|
64
|
-
@import '../../node_modules/@syncfusion/ej2-popups/styles/tailwind3.css';
|
|
65
|
-
@import '../../node_modules/@syncfusion/ej2-richtexteditor/styles/tailwind3.css';
|
|
73
|
+
@import '../node_modules/@syncfusion/ej2-tailwind3-theme/styles/rich-text-editor/index.css';
|
|
66
74
|
```
|
|
67
75
|
|
|
68
|
-
###
|
|
76
|
+
### Add the Rich Text Editor component with required modules
|
|
69
77
|
|
|
70
|
-
|
|
78
|
+
Add the Rich Text Editor component to the `src/App.tsx` file with the basic required modules, `Toolbar`, `Image`, `Link`, `HtmlEditor`, and `QuickToolbar`, injected using the `Inject` component:
|
|
71
79
|
|
|
72
80
|
```typescript
|
|
73
81
|
import * as React from 'react';
|
|
@@ -85,7 +93,8 @@ import {
|
|
|
85
93
|
function App() {
|
|
86
94
|
return (
|
|
87
95
|
<div className="App">
|
|
88
|
-
<RichTextEditorComponent>
|
|
96
|
+
<RichTextEditorComponent height="300px">
|
|
97
|
+
<p>Start editing your content here.</p>
|
|
89
98
|
<Inject services={[Toolbar, Image, Link, HtmlEditor, QuickToolbar]} />
|
|
90
99
|
</RichTextEditorComponent>
|
|
91
100
|
</div>
|
|
@@ -94,42 +103,20 @@ function App() {
|
|
|
94
103
|
|
|
95
104
|
export default App;
|
|
96
105
|
```
|
|
106
|
+
|
|
97
107
|
<blockquote>
|
|
98
108
|
<p>ℹ️ <b>Note:</b></p>
|
|
99
|
-
<span>For detailed information on module injection and available services, refer to the Syncfusion Rich Text Editor Module <a href="https://
|
|
109
|
+
<span>For detailed information on module injection and available services, refer to the Syncfusion<sup>®</sup> Rich Text Editor Module <a href="https://help.syncfusion.com/rich-text-editor-sdk/react/rich-text-editor/module">Documentation</a>.</span>
|
|
100
110
|
</blockquote>
|
|
101
111
|
|
|
102
|
-
###
|
|
103
|
-
|
|
104
|
-
In **src/App.tsx** file, use the following code snippet to render the Syncfusion<sup>®</sup> React Rich Text Editor component.
|
|
105
|
-
|
|
106
|
-
```tsx
|
|
107
|
-
import * as React from 'react';
|
|
108
|
-
import './App.css';
|
|
109
|
-
import {
|
|
110
|
-
HtmlEditor,
|
|
111
|
-
Image,
|
|
112
|
-
Inject,
|
|
113
|
-
Link,
|
|
114
|
-
QuickToolbar,
|
|
115
|
-
RichTextEditorComponent,
|
|
116
|
-
Toolbar
|
|
117
|
-
} from '@syncfusion/ej2-react-richtexteditor';
|
|
118
|
-
|
|
119
|
-
function App() {
|
|
120
|
-
return (
|
|
121
|
-
<div className="App">
|
|
122
|
-
<RichTextEditorComponent>
|
|
123
|
-
<p>Start editing your content here.</p>
|
|
124
|
-
<Inject services={[Toolbar, Image, Link, HtmlEditor, QuickToolbar]} />
|
|
125
|
-
</RichTextEditorComponent>
|
|
126
|
-
</div>
|
|
127
|
-
);
|
|
128
|
-
}
|
|
112
|
+
### Run the application
|
|
129
113
|
|
|
130
|
-
|
|
114
|
+
```sh
|
|
115
|
+
npm run dev
|
|
131
116
|
```
|
|
132
117
|
|
|
118
|
+
Now, open your project in a browser, and the Rich Text Editor will be displayed! 🚀
|
|
119
|
+
|
|
133
120
|
## 🛠️ Supported frameworks
|
|
134
121
|
|
|
135
122
|
Rich Text Editor control is also offered in following list of frameworks.
|
|
@@ -158,33 +145,33 @@ Rich Text Editor control is also offered in following list of frameworks.
|
|
|
158
145
|
|
|
159
146
|
* [Checklist](https://ej2.syncfusion.com/react/demos/#/tailwind3/rich-text-editor/tools) - Checklist support enables users to create interactive task lists in the editor. It is useful for organizing work items and tracking progress within content.
|
|
160
147
|
|
|
161
|
-
* [Accessibility & WCAG 2.0 Compliance](https://
|
|
148
|
+
* [Accessibility & WCAG 2.0 Compliance](https://help.syncfusion.com/rich-text-editor-sdk/react/rich-text-editor/accessibility) - Accessibility support helps the editor work with assistive technologies and keyboard navigation. It ensures the component can be used more effectively by a broader audience.
|
|
162
149
|
|
|
163
|
-
* [Preventing Cross-Site Scripting (XSS)](https://
|
|
150
|
+
* [Preventing Cross-Site Scripting (XSS)](https://help.syncfusion.com/rich-text-editor-sdk/react/rich-text-editor/validation-security/xhtml-validation#cross-site-scripting-xss-prevention) - XSS protection helps validate and sanitize editor content before it is used or rendered. It reduces security risks by blocking malicious scripts and unsafe markup.
|
|
164
151
|
|
|
165
|
-
* [HTML code editing](https://
|
|
152
|
+
* [HTML code editing](https://help.syncfusion.com/rich-text-editor-sdk/react/rich-text-editor/editor-value#source-code-editing) - HTML code editing lets users view and edit the underlying markup directly. It is helpful when precise control over the document structure is required.
|
|
166
153
|
|
|
167
|
-
* [Markdown editor](https://
|
|
154
|
+
* [Markdown editor](https://help.syncfusion.com/rich-text-editor-sdk/react/rich-text-editor/editor-types/editor-modes#markdown-editor) - Markdown editor mode lets users create and edit content using Markdown syntax. It is ideal for lightweight authoring and text-based workflows.
|
|
168
155
|
|
|
169
|
-
* [Custom Toolbar Items](https://
|
|
156
|
+
* [Custom Toolbar Items](https://help.syncfusion.com/rich-text-editor-sdk/react/rich-text-editor/toolbar/?utm_source=npm&utm_medium=listing&utm_campaign=react-rich-text-editor-npm#toolbar-items) - Custom toolbar items allow additional actions to be added to the editor toolbar. They help tailor the editing experience to specific application needs.
|
|
170
157
|
|
|
171
|
-
* [Quick Toolbar](
|
|
158
|
+
* [Quick Toolbar](help.syncfusion.com/rich-text-editor-sdk/react/rich-text-editor/toolbar/quick-toolbar) - Quick Toolbar shows contextual actions for selected content such as text, images, and tables. It helps users apply common operations without leaving the editing area.
|
|
172
159
|
|
|
173
160
|
* [File Browser](https://ej2.syncfusion.com/react/demos/#/tailwind3/rich-text-editor/file-browser) - File Browser integration allows users to browse and select files within editor workflows. It supports file-based content management in a more seamless way.
|
|
174
161
|
|
|
175
|
-
* [Emoji Picker](https://
|
|
162
|
+
* [Emoji Picker](https://help.syncfusion.com/rich-text-editor-sdk/react/rich-text-editor/smart-editing/emoji-picker) - Emoji picker support lets users insert emojis into the editor content. It helps make messages and content more expressive and engaging.
|
|
176
163
|
|
|
177
164
|
* [Insert Media](https://ej2.syncfusion.com/react/demos/#/tailwind3/rich-text-editor/insert-media) - Insert Media allows audio and video content to be embedded in the editor. It is useful for creating richer and more interactive documents.
|
|
178
165
|
|
|
179
|
-
* [Toolbar](https://
|
|
166
|
+
* [Toolbar](https://help.syncfusion.com/rich-text-editor-sdk/react/rich-text-editor/toolbar/?utm_source=npm&utm_medium=listing&utm_campaign=react-rich-text-editor-npm#toolbar-items) - Toolbar support provides editing controls and customization options for the editor. It supports floating behavior, multiple layout types, and toolbar positioning for flexible UI setups.
|
|
180
167
|
|
|
181
168
|
* [Export and Import](https://ej2.syncfusion.com/react/demos/#/tailwind3/rich-text-editor/export-document) - Export and Import support allows content to be moved between the editor and document formats such as PDF and Word. It simplifies content sharing, archiving, and document processing.
|
|
182
169
|
|
|
183
|
-
* [Undo and redo](https://
|
|
170
|
+
* [Undo and redo](https://help.syncfusion.com/rich-text-editor-sdk/react/rich-text-editor/undo-redo) - Undo and redo support lets users reverse or repeat recent editing actions. It improves editing confidence by making changes easier to correct.
|
|
184
171
|
|
|
185
|
-
* [Module injection](https://
|
|
172
|
+
* [Module injection](https://help.syncfusion.com/rich-text-editor-sdk/react/rich-text-editor/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-rich-text-editor-npm/#module-injection) - Module injection lets the editor load only the features that are needed. It helps reduce bundle size and keeps the component more efficient.
|
|
186
173
|
|
|
187
|
-
* [Third-party integration](https://
|
|
174
|
+
* [Third-party integration](https://help.syncfusion.com/rich-text-editor-sdk/react/rich-text-editor/third-party-integration/?utm_source=npm&utm_medium=listing&utm_campaign=react-rich-text-editor-npm) - Third-party integration lets the editor work with external libraries and services. It extends the editor with additional capabilities beyond the built-in feature set.
|
|
188
175
|
|
|
189
176
|
## 📚 Resources
|
|
190
177
|
|
|
@@ -205,6 +192,47 @@ Product support is available through the following mediums.
|
|
|
205
192
|
* [Request feature or report bug](https://www.syncfusion.com/feedback/react?utm_source=npm&utm_medium=listing&utm_campaign=react-richtexteditor-npm)
|
|
206
193
|
* Live chat
|
|
207
194
|
|
|
195
|
+
## Other Popular React Components
|
|
196
|
+
|
|
197
|
+
Explore other popular Syncfusion<sup>®</sup> React components curated from UI components, standalone SDKs, and document solution suites.
|
|
198
|
+
|
|
199
|
+
<table>
|
|
200
|
+
<tr>
|
|
201
|
+
<td align="center">
|
|
202
|
+
<a href="https://www.syncfusion.com/react-components/react-data-grid">React DataGrid</a>
|
|
203
|
+
</td>
|
|
204
|
+
<td align="center">
|
|
205
|
+
<a href="https://www.syncfusion.com/react-components/react-charts">React Charts</a>
|
|
206
|
+
</td>
|
|
207
|
+
<td align="center">
|
|
208
|
+
<a href="https://www.syncfusion.com/react-components/react-file-manager">React File Manager</a>
|
|
209
|
+
</td>
|
|
210
|
+
<td align="center">
|
|
211
|
+
<a href="https://www.syncfusion.com/gantt-sdk/react-gantt-chart">React Gantt Chart</a>
|
|
212
|
+
</td>
|
|
213
|
+
<td align="center">
|
|
214
|
+
<a href="https://www.syncfusion.com/diagram-sdk/react-diagram">React Diagram</a>
|
|
215
|
+
</td>
|
|
216
|
+
</tr>
|
|
217
|
+
<tr>
|
|
218
|
+
<td align="center">
|
|
219
|
+
<a href="https://www.syncfusion.com/scheduler-sdk/react-scheduler">React Scheduler</a>
|
|
220
|
+
</td>
|
|
221
|
+
<td align="center">
|
|
222
|
+
<a href="https://www.syncfusion.com/docx-editor-sdk/react-docx-editor">React DOCX Editor</a>
|
|
223
|
+
</td>
|
|
224
|
+
<td align="center">
|
|
225
|
+
<a href="https://www.syncfusion.com/pdf-viewer-sdk/react-pdf-viewer">React PDF Viewer</a>
|
|
226
|
+
</td>
|
|
227
|
+
<td align="center">
|
|
228
|
+
<a href="https://www.syncfusion.com/spreadsheet-editor-sdk/react-spreadsheet-editor">React Spreadsheet Editor</a>
|
|
229
|
+
</td>
|
|
230
|
+
<td align="center">
|
|
231
|
+
<a href="https://www.syncfusion.com/react-components/react-maps-library">React Maps</a>
|
|
232
|
+
</td>
|
|
233
|
+
</tr>
|
|
234
|
+
</table>
|
|
235
|
+
|
|
208
236
|
## 🔄 Change log
|
|
209
237
|
|
|
210
238
|
Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/richtexteditor/CHANGELOG.md?utm_source=npm&utm_medium=listing&utm_campaign=react-rich-text-editor-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
|
package/diConfig.json
CHANGED
|
@@ -167,7 +167,7 @@
|
|
|
167
167
|
"reactComment": [
|
|
168
168
|
"/**",
|
|
169
169
|
" * `RichTextEditor` represents the react RichTextEditor.",
|
|
170
|
-
" * ```
|
|
170
|
+
" * ```ts",
|
|
171
171
|
" * <RichTextEditor/>",
|
|
172
172
|
" * ```",
|
|
173
173
|
" */"
|
|
@@ -175,7 +175,7 @@
|
|
|
175
175
|
"vueComment": [
|
|
176
176
|
"/**",
|
|
177
177
|
" * `ejs-richtexteditor` represents the VueJS RichTextEditor Component.",
|
|
178
|
-
" * ```
|
|
178
|
+
" * ```ts",
|
|
179
179
|
" * <ejs-richtexteditor></ejs-richtexteditor>",
|
|
180
180
|
" * ```",
|
|
181
181
|
" */"
|
|
@@ -1 +1,10 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* filename: ej2-react-richtexteditor.min.js
|
|
3
|
+
* version : 34.2.6
|
|
4
|
+
* Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
|
|
5
|
+
* Use of this code is subject to the terms of our license.
|
|
6
|
+
* A copy of the current license can be obtained at any time by e-mailing
|
|
7
|
+
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
|
8
|
+
* applicable laws.
|
|
9
|
+
*/
|
|
1
10
|
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("React"),require("SyncfusionRichtexteditor"),require("SyncfusionReactBase")):"function"==typeof define&&define.amd?define(["React","SyncfusionRichtexteditor","SyncfusionReactBase"],t):"object"==typeof exports?exports.SyncfusionReactRichtexteditor=t(require("React"),require("SyncfusionRichtexteditor"),require("SyncfusionReactBase")):e.SyncfusionReactRichtexteditor=t(e.React,e.SyncfusionRichtexteditor,e.SyncfusionReactBase)}(self,(e,t,o)=>(()=>{"use strict";var r={618:(e,t,o)=>{o.d(t,{Y:()=>a});var r,n=o(24),i=o(674),c=o(705),s=(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var o in t)t.hasOwnProperty(o)&&(e[o]=t[o])},r(e,t)},function(e,t){function o(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}),a=function(e){function t(t){var o=e.call(this,t)||this;return o.initRenderCalled=!1,o.checkInjectedModules=!0,o.statelessTemplateProps=["valueTemplate"],o.templateProps=null,o.immediateRender=!1,o.isReactMock=!0,o.portals=[],o}return s(t,e),t.prototype.render=function(){if(this.isReactMock=!1,!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(i.RichTextEditor);(0,c.applyMixins)(a,[c.ComponentBase,n.Component])},24:t=>{t.exports=e},705:e=>{e.exports=o},674:e=>{e.exports=t}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return r[e](o,o.exports,i),o.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{i.r(c),i.d(c,{Inject:()=>t.Inject,RichTextEditorComponent:()=>e.Y});var e=i(618),t=i(705),o=i(674),r={};for(const e in o)["default","Inject","RichTextEditorComponent"].indexOf(e)<0&&(r[e]=()=>o[e]);i.d(c,r)})(),c})());
|
|
@@ -1,2 +1,11 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* filename: ej2-react-richtexteditor.umd.min.js
|
|
3
|
+
* version : 34.2.6
|
|
4
|
+
* Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
|
|
5
|
+
* Use of this code is subject to the terms of our license.
|
|
6
|
+
* A copy of the current license can be obtained at any time by e-mailing
|
|
7
|
+
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
|
8
|
+
* applicable laws.
|
|
9
|
+
*/
|
|
1
10
|
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@syncfusion/ej2-richtexteditor"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-richtexteditor","@syncfusion/ej2-react-base"],t):t((e=e||self).ej={},e.React,e.ej2Richtexteditor,e.ej2ReactBase)}(this,function(t,e,n,r){"use strict";i=function(e,t){return(i=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}))(e,t)};var i,o,c=function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},c=(o=n.RichTextEditor,c(s,o),s.prototype.render=function(){if(this.isReactMock=!1,!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));o.prototype.render.call(this),this.initRenderCalled=!0},s);function s(e){e=o.call(this,e)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!0,e.statelessTemplateProps=["valueTemplate"],e.templateProps=null,e.immediateRender=!1,e.isReactMock=!0,e.portals=[],e}r.applyMixins(c,[r.ComponentBase,e.Component]),Object.keys(n).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return n[e]}})}),Object.defineProperty(t,"Inject",{enumerable:!0,get:function(){return r.Inject}}),t.RichTextEditorComponent=c,Object.defineProperty(t,"__esModule",{value:!0})});
|
|
2
11
|
//# sourceMappingURL=ej2-react-richtexteditor.umd.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ej2-react-richtexteditor.umd.min.js","sources":["../src/rich-text-editor/richtexteditor.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport * as React from 'react';\nimport { RichTextEditor } from '@syncfusion/ej2-richtexteditor';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `RichTextEditor` represents the react RichTextEditor.\n * ```
|
|
1
|
+
{"version":3,"file":"ej2-react-richtexteditor.umd.min.js","sources":["../src/rich-text-editor/richtexteditor.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport * as React from 'react';\nimport { RichTextEditor } from '@syncfusion/ej2-richtexteditor';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `RichTextEditor` represents the react RichTextEditor.\n * ```ts\n * <RichTextEditor/>\n * ```\n */\nvar RichTextEditorComponent = /** @class */ (function (_super) {\n __extends(RichTextEditorComponent, _super);\n function RichTextEditorComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = true;\n _this.statelessTemplateProps = [\"valueTemplate\"];\n _this.templateProps = null;\n _this.immediateRender = false;\n _this.isReactMock = true;\n _this.portals = [];\n return _this;\n }\n RichTextEditorComponent.prototype.render = function () {\n this.isReactMock = false;\n if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n _super.prototype.render.call(this);\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n }\n };\n return RichTextEditorComponent;\n}(RichTextEditor));\nexport { RichTextEditorComponent };\napplyMixins(RichTextEditorComponent, [ComponentBase, React.Component]);\n"],"names":["extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","_super","__extends","__","this","constructor","prototype","create","RichTextEditorComponent","RichTextEditor","render","isReactMock","element","initRenderCalled","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","props","children","portals","call","_this","checkInjectedModules","statelessTemplateProps","templateProps","immediateRender","ComponentBase","React.Component"],"mappings":"uZACQA,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAClB,CAAEC,UAAW,cAAgBC,MAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,GACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,CAAC,IAAGN,EAAEM,GAAKL,EAAEK,OACpDN,EAAGC,CAAC,GALjC,IACQF,EAqB+CS,EAtBnDC,EAOO,SAAUT,EAAGC,GAEhB,SAASS,IAAOC,KAAKC,YAAcZ,EADnCD,EAAcC,EAAGC,CAAC,EAElBD,EAAEa,UAAkB,OAANZ,EAAaC,OAAOY,OAAOb,CAAC,GAAKS,EAAGG,UAAYZ,EAAEY,UAAW,IAAIH,IAYnFK,GAAmDP,EAwBrDQ,iBAvBEP,EAAUM,EAAyBP,CAAM,EAYzCO,EAAwBF,UAAUI,OAAS,WAEvC,GADAN,KAAKO,YAAc,CAAA,EACf,EAAEP,KAAKQ,SAAW,CAACR,KAAKS,kBAAqBT,KAAKU,aAAgBV,KAAKW,oBAKvE,OAAOC,gBAAoB,MAAOZ,KAAKa,uBAAwB,GAAGC,OAAOd,KAAKe,MAAMC,SAAUhB,KAAKiB,OAAO,CAAC,EAJ3GpB,EAAOK,UAAUI,OAAOY,KAAKlB,IAAI,EACjCA,KAAKS,iBAAmB,CAAA,GAMzBL,GArBP,SAASA,EAAwBW,GACzBI,EAAQtB,EAAOqB,KAAKlB,KAAMe,CAAK,GAAKf,KAQxC,OAPAmB,EAAMV,iBAAmB,CAAA,EACzBU,EAAMC,qBAAuB,CAAA,EAC7BD,EAAME,uBAAyB,CAAC,iBAChCF,EAAMG,cAAgB,KACtBH,EAAMI,gBAAkB,CAAA,EACxBJ,EAAMZ,YAAc,CAAA,EACpBY,EAAMF,QAAU,GACTE,gBAeHf,EAAyB,CAACoB,gBAAeC,YAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ej2-react-richtexteditor.es2015.js","sources":["../src/es6/rich-text-editor/richtexteditor.component.js"],"sourcesContent":["import * as React from 'react';\nimport { RichTextEditor } from '@syncfusion/ej2-richtexteditor';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `RichTextEditor` represents the react RichTextEditor.\n * ```
|
|
1
|
+
{"version":3,"file":"ej2-react-richtexteditor.es2015.js","sources":["../src/es6/rich-text-editor/richtexteditor.component.js"],"sourcesContent":["import * as React from 'react';\nimport { RichTextEditor } from '@syncfusion/ej2-richtexteditor';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `RichTextEditor` represents the react RichTextEditor.\n * ```ts\n * <RichTextEditor/>\n * ```\n */\nexport class RichTextEditorComponent extends RichTextEditor {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = true;\n this.statelessTemplateProps = [\"valueTemplate\"];\n this.templateProps = null;\n this.immediateRender = false;\n this.isReactMock = true;\n this.portals = [];\n }\n render() {\n this.isReactMock = false;\n if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n super.render();\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n }\n }\n}\napplyMixins(RichTextEditorComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":";;;;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACO,MAAM,uBAAuB,SAAS,cAAc,CAAC;AAC5D,IAAI,WAAW,CAAC,KAAK,EAAE;AACvB,QAAQ,KAAK,CAAC,KAAK,CAAC,CAAC;AACrB,QAAQ,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;AACtC,QAAQ,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;AACzC,QAAQ,IAAI,CAAC,sBAAsB,GAAG,CAAC,eAAe,CAAC,CAAC;AACxD,QAAQ,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;AAClC,QAAQ,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;AACrC,QAAQ,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;AAChC,QAAQ,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;AAC1B,KAAK;AACL,IAAI,MAAM,GAAG;AACb,QAAQ,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;AACjC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;AACxG,YAAY,KAAK,CAAC,MAAM,EAAE,CAAC;AAC3B,YAAY,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;AACzC,SAAS;AACT,aAAa;AACb,YAAY,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;AACzH,SAAS;AACT,KAAK;AACL,CAAC;AACD,WAAW,CAAC,uBAAuB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@syncfusion/ej2-react-richtexteditor",
|
|
3
|
-
"version": "34.2.
|
|
3
|
+
"version": "34.2.6",
|
|
4
4
|
"description": "Essential JS 2 RichTextEditor component for React",
|
|
5
5
|
"author": "Syncfusion Inc.",
|
|
6
6
|
"license": "SEE LICENSE IN license",
|
|
@@ -19,9 +19,9 @@
|
|
|
19
19
|
"es2015": "dist/es6/ej2-react-richtexteditor.es2015.js",
|
|
20
20
|
"readme": "ReadMe.md",
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@syncfusion/ej2-base": "~34.2.
|
|
23
|
-
"@syncfusion/ej2-react-base": "~34.2.
|
|
24
|
-
"@syncfusion/ej2-richtexteditor": "34.2.
|
|
22
|
+
"@syncfusion/ej2-base": "~34.2.6",
|
|
23
|
+
"@syncfusion/ej2-react-base": "~34.2.6",
|
|
24
|
+
"@syncfusion/ej2-richtexteditor": "34.2.6"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {},
|
|
27
27
|
"sideEffects": false,
|
|
@@ -16,7 +16,7 @@ import { RichTextEditor } from '@syncfusion/ej2-richtexteditor';
|
|
|
16
16
|
import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
|
|
17
17
|
/**
|
|
18
18
|
* `RichTextEditor` represents the react RichTextEditor.
|
|
19
|
-
* ```
|
|
19
|
+
* ```ts
|
|
20
20
|
* <RichTextEditor/>
|
|
21
21
|
* ```
|
|
22
22
|
*/
|