Tengo una configuración básica para un editor de texto Quill. Quiero averiguar la configuración necesaria para que Quill se lea solo con contenido precargado para que el contenido del editor sea estático y se elimine la barra de herramientas.

Cuando trato de cambiar la configuración con una new quill(editor, {configs}); el editor desaparece y me quedo con una pantalla en blanco. Cuando usé el mismo código exacto en una aplicación web separada, se eliminó la barra de herramientas del editor de texto, pero el contenido no se completó previamente y aún se podía editar.

He estado bastante perdido mirando la documentación de Quill, así que agradezco cualquier idea que me ayude a volver a encarrilarme. ¡Gracias por tu tiempo!

 import { useCallback} from "react"; import quill from "quill"; import "quill/dist/quill.snow.css"; export default function TextEditor() { const wrapperRef = useCallback(wrapper => { if (wrapper == null) return let configs = { theme: 'snow', readOnly: true, placeholder: 'HELLO!!!' }; wrapper.innerHTML = "" const editor = document.createElement ("div") wrapper.append(editor); new quill(editor, {theme: "snow"}); } , []); return ( <div> <div className="container" ref={wrapperRef }/> </div> ) }