Opinions about SyncFusion's Rich Text Editor?

[bhoolbela]

I'm relatively new to React and I need a component with a RichTextEditor with HTML code that allows images to be inserted - one that has a not too complicated learning curve (saw someone recommend Slate but they also said it's a livsharettle difficult to grasp). https://omegle.onl/

[Indrajith Srinivasan]

Hi Bhoolbela, 

  

Greetings from Syncfusion support, 

  

We have validated your reporting requirements.  

 

Yes, you can insert images into the Rich Text Editor by simply drag-and-drop, copy/paste, and through UI in the toolbar. Also, you can edit the HTML content and get your valid HTML markup from the Rich Text Editor. Check the below sample and documentation for reference.  

 

Sample: https://stackblitz.com/edit/react-rcdarc-8yxa4m?file=index.js 

 

Documentation: https://ej2.syncfusion.com/react/documentation/rich-text-editor/image/ 

 

Please get back to us if you face any difficulties, 

 

Regards, 

Indrajith 

[Naz]

The rich text editor is the worst performing control in Syncfusion

Formatting is never consistent, try it!

[Indrajith Srinivasan]

Hi Naz, 

  

We have checked your account details. There was no communication with us about the issues which you have faced. If you faced any issue or inconsistent behavior with formatting the content, kindly bring it to us with details. This will help us address our deficiencies and provide better service. 

  

Regards, 

Indrajith 

[asim khan]

I'm relatively new to React and I need a component with a RichTextEditor with HTML code that allows images to be inserted - one that has a not too سياحة اوكرانيا

[Revanth Krishnan]

Hi Asim, 

 

 

Greetings from Syncfusion support. 

 

 

We have validated your query “I need a component with a Rich Text Editor with HTML code that allows images to be inserted.” 

 

Please check the documentation below to add the Rich Text Editor component in the react application, 

https://ej2.syncfusion.com/react/documentation/rich-text-editor/getting-started/ 

 

Also, please check the below documentation sections of how to allow the image module in the Rich Text Editor to insert the image, 

https://ej2.syncfusion.com/react/documentation/rich-text-editor/getting-started/#insert-images-and-links 

https://ej2.syncfusion.com/react/documentation/rich-text-editor/image/ 

Also please check the documentation for RTL support in Rich Text Editor, 

https://ej2.syncfusion.com/react/documentation/rich-text-editor/globalization/#rtl 

 

We have also prepared a sample for your reference, 

Sample: https://stackblitz.com/edit/react-jg5jhf 

 

Please check the below demo sample of the Rich Text Editor, 

https://ej2.syncfusion.com/react/demos/#/material/rich-text-editor/image 

 

Please check the above documentation and the samples and let us know if it satisfies your requirement. 

 

Regards, 

Revanth 

[asim khan]

I'm relatively new to React and I need a component with a RichTextEditor with HTML code that allows images to be inserted - one that has a not too سياحة اوكرانيا

I'm relatively new to React and I need a component with a RichTextEditor with HTML code that allows images to be inserted - one that has a not too

https://www.asiaheavens.com/%d8%b9%d8%b1%d9%88%d8%b6-%d8%b3%d9%81%d8%b1-%d8%a7%d9%88%d9%83%d8%b1%d8%a7%d9%86%d9%8a%d8%a7/

[Revanth Krishnan]

Hi Asim, 

 

 

Good day to you. 

 

 

We have validated your query “I need a component with a Rich Text Editor with HTML code that allows images to be inserted”. 

 

Please find the HTML code snippet to render the Rich Text Editor and to insert the image, 

Code Snippet: 

export class Default extends SampleBase { 

    render() { 

        return ( 

            <div className="control-pane"> 

                <div className="control-section" id="rte"> 

                    <div className="rte-control-section"> 

                        <RichTextEditorComponent 

                            id="defaultRTE" 

                            ref={richtexteditor => { 

                                this.rteObj = richtexteditor; 

                            }} 

                        > 

                            . . . 

                            <Inject 

                                services={[HtmlEditor, Toolbar, Image, Link, QuickToolbar]} 

                            /> 

                        </RichTextEditorComponent> 

                    </div> 

                </div> 

            </div> 

        ); 

    } 

} 

 

Sample: https://stackblitz.com/edit/react-jg5jhf-sbcprf 

 

• Run the above sample, and click the below-highlighted toolbar icon to open the Insert Image dialog

 

 

 

• Now click the browser button to open the file explorer window, where the images can be selected.

 

 

 

 

• Once the image is selected, the insert button can be clicked to insert the image in the Rich Text Editor.
• Also, please refer to the documentation links in the previous update for further reference.

 

If you still facing difficulties please share us with the exact problem/issue you are facing, also please share us with the screenshot or video illustration of your requirement. 

 

Regards, 

Revanth