Quería hacer un resaltador de sintaxis que resaltara los símbolos. Mira el ejemplo:
function hello(){ return "hello"; }Quiero resaltar todos los símbolos:
{([</!&|\>])};.,:=+*-@$~_^?%'"E hice uno pequeño que resaltaba las cuerdas. Cuando quise hacer uno que resaltara símbolos me confundí. Ahora quiero saber ¿Qué temas debo aprender para hacerlo? ¿Algún ejemplo, repositorio de github, tutorial, tema o ...? EDITAR: Encontré la manera de hacerlo, pero todavía tengo un problema. Mi código es el siguiente:
function syntaxue(){ var codes = document.getElementsByClassName("syntaxue"); for (var i=0; i < codes.length; i++){ var data = codes[i].innerHTML; data = data.replace(/([^\w\s])/g, '<span class="sym">$1</span>'); data = data.replace(/([\d])/g, '<span class="num">$1</span>'); codes[i].innerHTML = data; } }Cuando quiero resaltar cadenas, el código se convierte en algo más. (Lo siento, no soy inglés) Y estaba probando el marcado HTML y vi esto:
<html>En lugar de esto:
<html> Y el &; se resaltaron los símbolos, no sus resultados. ¿Alguien puede ayudarme?