There is a similar question raised here: Uncaught ReferenceError: global is not defined at Object../node_modules/fbjs/lib/setImmediate.js And there are two answers on that question that both seem c...

I'm trying to send POST request to Imgur API - to upload an image. My Imgur App is public - only Client ID is required. Always getting this error during runtime: Error: Network Error at createErro...

I'm working with react-hook-form and I want to pass a rich text editor as input. I've included the RichText component below which is a standard Draft-js implementation, but when I click submit, I g...

I followed draft-js document to create a very simple demo of draft-js. Everything seems work well, but when I open the url in Chrome, I can only see a white blank page (there is a hidden editor co...

According my question, I want to remove some default toolbar option like a font family or emoji and remain only text style options. How to do that ? For my editor. <Editor editorState={editorS...

I have an editor on a page and save button. I want save button only to appear if there are changes (since last save). So, when you save, i set this.setState({hasChanges: false}) and in onChange fun...

if I want to handle input of character *, I can use handleBeforeInput(str): handleBeforeInput(str) { if (str !== '*') { return false; } // handling return true; } if I want to handle input ...

I'm working on an application which needs to insert text into a contenteditable="true" div (a Draftjs based textfield to be precise). Now I am aware that Draft.js uses react and that it should be ...

I am trying to create a simple editor for writing a storyline. Right now I could show the html to markup in the editor where bold text are shown in bold and etc. I could also send the data in html ...

I'm trying to edit a text and then retrieve it and update the database on the server side this is the code I'm using constructor(props,context){ super(props,context); this.handleOnClick = this....

guys! Please help. What I want: When starting from a new line a user types an URL and presses Enter I want to remove the block containing the URL and replace it with a custom Entity. Much like the...

​The fireEvent.change() just doesn't work. It says there are no setters on the element. I tried using aria selectors instead const DraftEditor = getByRole('textbox') DraftEditor.value ='somethin...

I’m working on a hack for table support (one level deep) using draft.js I have one requirement: All existing editor functionality needs to also work inside this table I present three choices to y...

From official docs I know about 2 methods: get entity by its key and get last created entity. In my case, I also need a method to access all entities from current ContentState. Is there any method ...

Is there documentation that explains how to preserve paragraph breaks when content is pasted into draft.js? Other formating looks reasonable but all the paragraph blocks are collapsed into a single...

I'm doing automation test and I need to input text in a text field, but the problem is there is no 'input' to do this. This one won't work: document.querySelector([class*=modal-dialog] [class*=...

I am using Draft.js to introduce a text editor to my React application. I have made it work for bold, italic and underline but I can't figure out how to change the text to bullet points. I have rea...

I have been playing with Draft.js and I'm stuck trying to get immutable entities working properly. I would like to insert an immutable entity when a user clicks a button. Here is the function tha...

How to add a link? I know how to add link to selection const contentState = editorState.getCurrentContent(); const contentStateWithEntity = contentState.createEntity( 'LINK', 'MUTABLE', {url: ...

Custom Inline Toolbar, as prescribed in their documentation is not working as expected. It keeps showing the default Inline Toolbar, even though custom buttons are added. My code goes below. impo...

I'm trying to save editorState to DB and show back to editor. For this thing, I followed this answer Now, when I try to get current content and permanently save it using convertToRaw, It works fine...

I am trying to insert image to Draft.js editor. Based on my understanding, I need update entity by mergeData and blocks by mergeBlockData. (I am not sure) Now I am trying to use mergeBlockData to...

I'm using Draft.js Editor component. I have a custom block renderer specified correctly via blockRendererFn prop. The component renders the EditorBlock imported from draft-js as advised in the Draf...

I'm using Facebook's draft-js to create a WYSIWYG. I'm trying to convert HTML to editorState using the native convertFromHtml. But it's not recognizing the img tag. import draftJs from 'draft-js'...

Is there any way to create a table with DraftJS or any plugins? A plugin which allows the user to enter custom HTML (with table support) would be sufficient. As I understand it, a plugin can rend...