Estoy usando Highlight.js para los bloques de código del editor Froala en React. Pero me estoy poniendo en error. Usé la función registerLanguage pero no funcionó.
Error en el navegador:
Aquí está mi código:
import FroalaEditor from 'react-froala-wysiwyg'; import hljs from 'highlight.js'; import javascript from 'highlight.js/lib/languages/javascript'; import 'highlight.js/styles/androidstudio.css'; hljs.registerLanguage('javascript', javascript) export default function Editor({ handleEditor, data }: EditorType) { return ( <div className="unreset"> <FroalaEditor tag="textarea" onModelChange={handleEditor} model={data} config={{ placeholderText: '', events: { //editor event contentChanged: function () { //.fr-element is editor wrapper tag document .querySelectorAll('.fr-element pre') .forEach((el: any) => { // WARN: Falling back to no-highlight mode for this block. hljs.highlightElement(el); }); }, }, }} /> </div> ); }¿Por qué no funciona? Gracias.