Preciso de ajuda sobre como fazer uma biblioteca Prismjs funcionar dentro de <textarea>

  • Autor Autor Mr_J21
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Mr_J21

Mr_J21

Beta
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
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>
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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()
 
Voltar
Topo