Necesito ayuda sobre cómo hacer que una librería Prismjs funcione dentro de <textarea>

Mr_J21 · 17 Dic 2022

Me gustaría colorear el HTML, CSS, JavaScript dentro de la etiqueta <textarea>.

HTML:

<textarea class="language-html">
</textarea>

<textarea class="language-css">
</textarea>

<textarea class="language-js">
</textarea>

<script src="https://unpkg.com/prismjs@1.17.1/prism.js"></script>

Puko · 31 Oct 2023

Prismjs utiliza para resaltar el código dentro de elementos <pre> o <code>
puedes lograrlo aplicando algunas modificaciones.
Este código espera a que el DOM esté completamente cargado, luego toma todos los <textarea> con clases que comienzan con "language-" y los reemplaza con elementos <code> resaltados por Prismjs. Finalmente, aplica la resaltación de sintaxis con Prism.highlightAll()

Necesito ayuda sobre cómo hacer que una librería Prismjs funcione dentro de <textarea>

Mr_J21

Puko

Temas similares