Staff en línea

[Javascript] Colorea el code dentro del codebox
Tema iniciado por y Añadir a favoritos

staff


Última edición por Chalo el Lun Jul 31, 2017 2:15 pm, editado 6 veces
[codebox] Con este código mejoras el bbcode
[code]coloreando como si estuvieras en un editor de código profesional.
Mira la captura:

[/codebox]


[hidecode]

[code]

(function() {
var n = "if else elseif elif while for do in break continue function var return enum struct class unsigned signed static private public static_cast protected namespace delete include require import sizeof typeof".replace(/\s/g, "|");
var j = "false true void null undefined void int double float char".replace(/\s/g, "|");

function k(a, b) {
return '<span class="syntax-' + a + '">' + b + "</span>"
}
var h = function(a) {
return a.replace(/(["'])(?:\\?.)*?\1/g, function(b) {
return k("s", b)
}).replace(/\b\d+(?:\.\d+)?\b/g, function(b) {
return k("i", b)
}).replace(RegExp("\\b(?:" + n + ")\\b(?!=)", "gi"), function(b) {
return k("k", b)
}).replace(RegExp("\\b(?:" + n + ")\\b(?!=)", "gi"), function(b) {
return k("k2", b)
})
};
var l = document.getElementsByTagName("script")[0],
m = document.createElement("style");
m.innerHTML = ".syntax-i { color:red } .syntax-s, .syntax-s span { color: blue!important } .syntax-k, .syntax-k2 { color: #105289; font-weight:bold; font-size: 1.1em; } .syntax-k { color: #22B1D5 }";
l.parentNode.insertBefore(m, l);
var i = function() {
for (var c = document.getElementsByTagName("code"), b = 0, a;
(a = c[b++]);) {
a.innerHTML = h(a.innerHTML)
}
};
window.jQuery ? jQuery(i) : window.onload = i
})();
[/code]

[/hidecode]
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo


¿Será esto lo que busco para personalizar mi Foro? No quisiera tampoco hacerlo "oscuro",
pero el tono que tiene ahora mismo es el predefinido
y no creo que eso le haga destacar o ser atractivo para que los usuarios nuevos se fijen en su contenido.
Tao
avatar

¿Que estoy pensando? :

La cuarta dimensión [table class=fecha_up][td]Se modifico:8/09/16 - 23:52 hrs.[/td][/table]


Banner en temas :

http://coverjunction.s3.amazonaws.com/2012/131/6a42e7a0-25f2-4bac-8398-5a75a0eaf17f.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #333


Mensajes :

271


Puntos :

347


Me gusta :

54


ingreso :

04/01/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://lacuartadimension.foroactivo.com/

Volver arriba Ir abajo


Ya veo el código, pero ¿dónde lo ubico y cómo sé lo que estoy haciendo sin imágenes de muestra?

He aquí una cuestión. :|
Tao
avatar

¿Que estoy pensando? :

La cuarta dimensión [table class=fecha_up][td]Se modifico:8/09/16 - 23:52 hrs.[/td][/table]


Banner en temas :

http://coverjunction.s3.amazonaws.com/2012/131/6a42e7a0-25f2-4bac-8398-5a75a0eaf17f.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #333


Mensajes :

271


Puntos :

347


Me gusta :

54


ingreso :

04/01/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://lacuartadimension.foroactivo.com/

Volver arriba Ir abajo

staff
@Tao escribió:[quotelink="/t145-javascript-colorea-el-code-dentro-del-codebox#694"]
Ya veo el código, pero ¿dónde lo ubico y cómo sé lo que estoy haciendo sin imágenes de muestra?

He aquí una cuestión. :|


bien pondré imagenes de muestra
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

gracias por el code
Thor
avatar

¿Que estoy pensando? :

El foro avanza... [table class=fecha_up][td]Se modifico:24/01/16 - 17:48 hrs.[/td][/table]


Banner en temas :

http://orig13.deviantart.net/2106/f/2012/344/c/4/facebook_cover_photo___quote_wall_by_eastbankbabs123-d5nnexo.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

333


Puntos :

415


Me gusta :

76


ingreso :

05/10/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.adictosalgear.org

Volver arriba Ir abajo

repito no se ve el code
Thor
avatar

¿Que estoy pensando? :

El foro avanza... [table class=fecha_up][td]Se modifico:24/01/16 - 17:48 hrs.[/td][/table]


Banner en temas :

http://orig13.deviantart.net/2106/f/2012/344/c/4/facebook_cover_photo___quote_wall_by_eastbankbabs123-d5nnexo.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

333


Puntos :

415


Me gusta :

76


ingreso :

05/10/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.adictosalgear.org

Volver arriba Ir abajo

¡Anda, cómo mola! ¡Gracias!
Laura
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

21


Puntos :

25


Me gusta :

4


ingreso :

05/02/2017


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

gracias a probar el codigo =) me será util
Gexur
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

7


Puntos :

11


Me gusta :

4


ingreso :

31/07/2017


Sexo :

Masculino

Plataforma :

modernBB


Navegador :

opera


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.