Cómo insertar el texto en el editor para hacer clic en el botón Toast UI Reaccionar Editor Hemos creado un botón separado en la pestaña del editor ToastUI. En el código siguiente, hemos insertado el texto en la consola para hacer clic en el botón, queremos insertar lo mismo en el Editor.

 import React from "react"; import "@toast-ui/editor/dist/toastui-editor.css"; import { Editor } from "@toast-ui/react-editor"; function Editor4() { let editorRef = React.createRef(); //Adding item based on button click const handleClick = () => { editorRef.current .getInstance() .addCommand("markdown", "additem", function additem() { console.log("ButtonClicked"); }); }; return ( <div> <div> <Editor initialValue="Hello" previewStyle="vertical" height="400px" initialEditType="markdown" ref={editorRef} toolbarItems={[ [ "heading", "bold", { name: "Button", tooltip: "myItem", command: "additem", className: "toastui-editor-toolbar-icons", text: "V", }] ]} /> <button onClick={handleClick}>makeBold</button> </div> </div> ); }