Custom Text Editor in React

GoJS
#1

Hi All,

I am trying to reproduce this example in my React Application.
https://gojs.net/latest/samples/customTextEditingTool.html

I have looked at the gojs-react, but that only has the implementation of Diagram and Palette.
The example from gojs-react-basic doesn’t have an example of how to use extensions either.

I want to have a select in my Diagram, but I don’t think the document.createElement(‘select’) is working in React.

Thanks!

#2

How you create that <select> element is up to you. You don’t have to use the code in https://gojs.net/latest/extensions/TextEditorSelectBox.js, which is just plain JavaScript and DOM manipulation. You just have to create an HTMLInfo that shows and hides and gets the value from the HTML appropriately, and that HTML may have been rendered by a React component.