react-draft-wysiwyg | A Wysiwyg editor build on top of ReactJS and DraftJS https://jpurigithubio/react-draft-wysiwyg | Editor library

I'm using next js and I want to import rich text editor in my project, but when I tried to import react-draft-wysiwyg then show me error like this:

I am trying to console the result from react draft wysiwyg and I am getting editorState.getCurrentContent is not a function. I am not sure where did I go wrong. Many thanks in advance and greatly appreciate any helps. Thanks

I built a wyziwig following the instructions here: https://blog.learningdollars.com/2020/04/01/how-to-add-a-rich-text-editor-in-your-react-app-using-draft-js-and-react-draft-wysiwyg/

Now I want to add a show/hide container based on 3 lines of text in the output.

I'm just trying to console.log(dangerouslySetInnerHTML={{ __html: output }}), so I can test the show/hide as well as add an ellipsis. Anyone have any idea how to do this?

Edit: If you don't want to follow the link, I have setup a sandbox here: https://codesandbox.io/s/react-draft-wysiwyg-fjfh9

More Details:

"This text is BOLD AND ITALIC from a wyziwyg."

What I want to be able to is determine the .length() of the html displayed output string(above). To do this, I need to see if there is a way to console.log(dangerouslySetInnerHTML={{ __html: output }});

I'm trying to setup webpack in my react.js application based on this starter kit

When I start development server, application is build successfully and I can see a list of chunks generated, but then application doesn't load and I got an error in console indicating that chunks were not found.

My webpack.config.js

I need some help. I was using react-final-form in my project but I've decided to change for react-hook-form. By the way, I love it, but I got stuck. :/

On my page, I'm using an editor to collect some info from a user. At the moment I'm using react-draft-wysiwyg. Here the code:

parentComponent.js

I'm trying to use react-draft-wysiwyg to edit the data fetched from the server. The problem is that I placed the editor inside the render-prop, so I can’t change editorState, as this causes an infinite loop. I configured the editor as uncontrolled to just get the data from the form.

As I understand it, stateToHTML is not suitable here, since it takes state, but here we have an object. Can you tell me, is there other functions that can convert editor data before sending? Or is it better to choose a different editor instead of draft-js?

The form submit handler is inside onFinish from and-design form. Here is the component listing:

In my project I have integrated the editor from react-draft-wysiwyg. Now I need to test the text editor by loading it with some text data. I tried to follow the documentation and my code currently looks like this:

it does not render DOM show error I can give my source code If it can help to solve the problem more easily

package.json

I'm trying to use react-draft-wysiwyg editor inside redux-form everything works as should, but the only thing is initialValues doesn't appear to work for the editor field.

Here is my Form.js :