I used react-draft-wysiwyg to create text and image and send that data to my node.js server, saved in mongodb. Now, I want to retrieve the data and display in reactjs. I tried using the react-draft-wysiwyg Editor and set the readOnly to true since this is for display purpose only. It is working but the issue is that I can't seem to style it as I want. For example, I would like to change the font-family and font size, including text color, spacing etc. This has to match with my application style. How can I go about this? I can't seem to overwrite the default styles.
The Editor from draft.js actually responded to my own style and changed the text color, fontFamily, size, spacing, etc. But that editor doesn't seem to display image that are inside the Editor. How can I get the react-draft-wysiwyg Editor to allow me to style the font color, size, fontfamily, space, etc once on display?
I used react-draft-wysiwyg to create text and image and send that data to my node.js server, saved in mongodb. Now, I want to retrieve the data and display in reactjs. I tried using the react-draft-wysiwyg Editor and set the readOnly to true since this is for display purpose only. It is working but the issue is that I can't seem to style it as I want. For example, I would like to change the font-family and font size, including text color, spacing etc. This has to match with my application style. How can I go about this? I can't seem to overwrite the default styles. The Editor from draft.js actually responded to my own style and changed the text color, fontFamily, size, spacing, etc. But that editor doesn't seem to display image that are inside the Editor. How can I get the react-draft-wysiwyg Editor to allow me to style the font color, size, fontfamily, space, etc once on display?