React Quill text editor rendering data with double quote

Question

I am using React Quill text editor to save data into database. The issue i am facing is when i am retrieving the saved data it is rendering with " " (double quote).

eg: data is saved like this:

<p>Pick up from other emirates is available at an extra charge.</p>

But it is rendering like this with double quote:

"<p>Pick up from other emirates is available at an extra charge.</p>"

Here is the screenshot:

using ReactQuill text editor like this:

<ReactQuill 
    theme="snow" 
    style={{ height: "100px" }} 
    id="pickup"
    value={pickup} onChange={setPickup} />

Rendering data like this:

<div className='col-12'> {values.pickup} </div>

Thanks

thambaru · Accepted Answer · 2024-07-19 06:18:13Z

0

Make sure you're not using JSON.stringify on submit as their Playground suggests.

answered Jul 19, 2024 at 6:18

thambaru

113 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React Quill text editor rendering data with double quote

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related