Tengo una aplicación NextJs (blog) y estoy usando react-quill como editor de texto enriquecido. Estoy usando una característica de 'aplicación' personalizada de Next donde mi composición de UserProvider envuelve todo para que pueda tener acceso global a ciertas cosas. Mi siguiente compilación principal también está allí.
He estado leyendo los documentos sobre Quill -Syntax y Highlight.Js sobre el uso, pero por mi vida, sigo recibiendo ' Error: el módulo de sintaxis nextjs requiere resaltar.js ', ¿qué me estoy perdiendo aquí? Así es como se ve el componente de mi aplicación:
_app.js:
function MyApp({ Component, pageProps }) { return ( <UserProvider> <Head> <link rel='stylesheet' href='/css/styles.css' /> </Head> <Nav /> <ToastContainer position='top-center' autoClose={2000} pauseOnFocusLoss={false} pauseOnHover={false} theme='dark' transition={Zoom} /> <Component {...pageProps} /> </UserProvider> ); }Cosas que probé:
¿Alguna ayuda aquí? Tengo mi módulo Quill personalizado, por lo que incluye ['code-block'], por lo tanto, ya puedo tener fragmentos de código, pero solo tienen fuente blanca/fondo negro. Este es mi módulo personalizado para quill (syntax:true está comentado hasta ahora por razones obvias)
const customPostToolbar = { // syntax: true, toolbar: [ [{ header: [2, 3, false] }], ['bold', 'italic', 'underline', 'strike', 'blockquote'], [ { script: 'sub' }, { script: 'super' }, { list: 'ordered' }, { list: 'bullet' }, { indent: '-1' }, { indent: '+1' }, ], ['link', 'image'], ['code-block'], ], };Agradezco si alguien sabe, esto me ha estado dando vueltas en la cabeza todo el día de ayer 😅