[SOLUCIONADO] Consulta rapida sobre expresiones regulares

[jonyjdv]

Hola a todos necesito tres expresiones regulares que detecte en una cadena lo siguiente:

Código:

[URL name="Aqui va cualquiera cosa"]enlace[/URL]
[yotube]enlace[/yotube]
[img]enlace[/img]

Creo que es obvio lo que quiero jeje, simplemente lo que no se hacer es la expresion regular para que me detecte esas tres etiquetas (¿me recomiendan mejor jquerypara esto?)

Muchas gracias
Saludos

PD: pongo yotube porque me detecta la etiqueta youtube

[Martelo]

si lo que quieres es que te devuelvan el valor string del "enlace" , vas a tener que parsear el texto, y mediante el control de llaves [] sacar el indice que entre ellas.

Código Javascript:

var url0 = "[url*]pruevaURL[/url*]";
 
var pasoUno = url0.split("]");
var pasoDos = pasoUno[1].split("[");
 
var enlaceString = pasoDos[0];
console.log(enlaceString) // devuelve "pruevaURL"
 

[jonyjdv]

Iniciado por Martelo

si lo que quieres es que te devuelvan el valor string del "enlace" , vas a tener que parsear el texto, y mediante el control de llaves [] sacar el indice que entre ellas.

Código Javascript:

var url0 = "[url*]pruevaURL[/url*]";
 
var pasoUno = url0.split("]");
var pasoDos = pasoUno[1].split("[");
 
var enlaceString = pasoDos[0];
console.log(enlaceString) // devuelve "pruevaURL"
 

Hola gracias por responder, funciona perfectamente pero si se repiten las etiquetas no:

Código Javascript:

var url0 = "[url*]pruevaURL[/url*] otro texto [url*]pruevaURL2[/url*]";
 
var pasoUno = url0.split("]");
var pasoDos = pasoUno[1].split("[");
 
var enlaceString = pasoDos[0];
console.log(enlaceString) // devuelve "pruevaURL"
 

Saludos y gracias

[Martelo]

tienes que usar tantas varaisbles url como etiquetas, url0, url1 url2 ... ect. aunque podria hacerse tambien sin mas variables pero creo que en tu caso lo que necesitas es aprender a manejar javscript de forma menos coloquial.
Todo lo que deseas lo puedes manejar mediante indices de arrays, así que indaga sobre como tratar arrays.

[IsaBelM]

Usa el método replace() y expresiones regulares

[Martelo]

Iniciado por IsaBelM

Usa el método replace() y expresiones regulares

podrias ilustrarlo? , no tengo muy claro como usar replace() en ese caso.

[jonyjdv]

Iniciado por Martelo

tienes que usar tantas varaisbles url como etiquetas, url0, url1 url2 ... ect. aunque podria hacerse tambien sin mas variables pero creo que en tu caso lo que necesitas es aprender a manejar javscript de forma menos coloquial.
Todo lo que deseas lo puedes manejar mediante indices de arrays, así que indaga sobre como tratar arrays.

Hola, si necesito mejorar javascript, pero en este caso seria inviable crear tantas variables porque las etiquetas pueden ser tantas como decida el usuario

Iniciado por IsaBelM

Usa el método replace() y expresiones regulares

Si, desde un principio quería usar expresiones regulares pero no estoy muy familiarizado con ellas.

Saludos

[IsaBelM]

es sencillo

var txt = '[URL name="Aqui va cualquiera cosa"]enlace[/URL]' +
'un texto cualquiera' +
'[yotube]enlace[/yotube]' +
'otro texto cualquiera' +
'[img]enlace[/img]';

console.log(txt.replace(/\[[^\]]+\]/gi, ' '));

[jonyjdv]

Iniciado por IsaBelM

es sencillo

Hola, gracias por responder, es mas o menos lo que necesito habria manera de distinguir cuando es un URL, Youtube o IMG para meterlo en un if?

Lo que pretendo hacer es lo siguiente:

Código:

[URL name="Aqui va cualquiera cosa"]enlace[/URL]

//Transformarlo a:

<a href="enlace">Aqui va cualquiera cosa</a>

Saludos y gracias

[IsaBelM]

var txt = '[URL name="Aqui va cualquiera cosa"]enlace[/URL] ' +
'un texto cualquiera ' +
'[yotube]enlace[/yotube] ' +
'otro texto cualquiera ' +
'[img]enlace[/img]';



txt = txt.replace(/\[(url([\sa-z]+="(.*))")\]([^\[]+)/gi, '<a href="$4">$3');
txt = txt.replace(/\[(YOTUBE)\]([^\[]+)/gi, '<iframe width="560" height="315" src="$2" frameborder="0" allowfullscreen>');
txt = txt.replace(/\[(IMG)\]([^\[]+)/gi, '<img src="$2"');


txt = txt.replace(/\[(\/URL)\]/gi, '</a>');
txt = txt.replace(/\[(\/YOTUBE)\]/gi, '</iframe>');
txt = txt.replace(/\[[^\]]+\]/gi, ' />');

console.log(txt);

el reemplazo que te he marcado ha de estar siempre al final

[jonyjdv]

Iniciado por IsaBelM

el reemplazo que te he marcado ha de estar siempre al final

Hola, perdona por tardar en responder no he tenido mucho tiempo para ponerme con mi proyecto.
He probado el codigo pero pasa una cosa, la ultima linea que marcaste subttituye todo por /> en vez de poner por ej <a href="url">texto</a>
Saludos y gracias por tu paciencia

[IsaBelM]

Cómo?? Qué has probado?? Sólo esa línea de código??

[jonyjdv]

Iniciado por IsaBelM

Cómo?? Qué has probado?? Sólo esa línea de código??

Noo, he probado copiando y pegando todo el codigo que me pasate
[edito]
alomejor el problema es por que tu txt concatenas con los +(creo que se llama asi) mientras que en mi codigo es todo texto plano

Código:

var txt = '[URL name="Aqui va cualquiera cosa"]enlace[/URL] ' +
'un texto cualquiera ' +
'[yotube]enlace[/yotube] ' +
'otro texto cualquiera ' +
'[img]enlace[/img]';


var txt = '[URL name="Aqui va cualquiera cosa"]enlace[/URL] un texto cualquiera [yotube]enlace[/yotube] otro texto cualquiera [img]enlace[/img]';

[IsaBelM]

no, eso es indiferente. para javascript es lo mismo uno que otros.
muestranos lo que tienes

[jonyjdv]

Iniciado por IsaBelM

no, eso es indiferente. para javascript es lo mismo uno que otros.
muestranos lo que tienes

Hola, perdon por el tiempo que he tardado en responder, despues de revisar el codigo me di cuenta de que era un error mio.

Una ultima pregunta, en la bbdd se guarda un enlace de youtube tal y como se muestra en la pagina tipo: https://www.youtube.com/watch?v=variable_video para reproducirla en el iframe debe tener esta estructura https://www.youtube.com/embed/variable_video como puedo hacer con la expresion regular de youtube para cojer la variable y poder incrustarla en el iframe.

Muchas gracias por tu gran ayuda

saludos

[jonyjdv]

Iniciado por jonyjdv

Hola, perdon por el tiempo que he tardado en responder, despues de revisar el codigo me di cuenta de que era un error mio en las variables.

Una ultima pregunta, en la bbdd se guarda un enlace de youtube tal y como se muestra en la pagina tipo: https://www.youtube.com/watch?v=variable_video para reproducirla en el iframe debe tener esta estructura https://www.youtube.com/embed/variable_video como puedo hacer con la expresion regular de youtube para cojer la variable y poder incrustarla en el iframe.

Muchas gracias por tu gran ayuda

saludos

Hola, perdon por el tiempo que he tardado en responder, despues de revisar el codigo me di cuenta de que era un error mio en las variables.

Una ultima pregunta, en la bbdd se guarda un enlace de youtube tal y como se muestra en la pagina tipo: https://www.youtube.com/watch?v=variable_video para reproducirla en el iframe debe tener esta estructura https://www.youtube.com/embed/variable_video como puedo hacer con la expresion regular de youtube para cojer la variable y poder incrustarla en el iframe.

Muchas gracias por tu gran ayuda

saludos

[IsaBelM]

Has de hacer la conversión antes. Usa los métodos substring() e indexof()

Pd: Te has planteado hacer todo del lado del servidor??

[jonyjdv]

Hola, si me lo he planteado pero los datos los recibo desde un json asique es mas comodo para mi hacerlo de esta forma lo que pasa es que las expresiones regulares no se me dan bien porque apenas he trabajado con ellas (por no decir nada)

[jonyjdv]

vale he conseguido con esos dos metodos cojer el trozo de la URL que me interesa ahora tendria que volver adaptar la expresion regular seria algo similar como con el URL he intentado hacerlo por mi cuenta pero no doy, desde la bbdd obtengo lo siguiente:

Código:

[YOTUBE LINK="kJWbp13W5s0"]https://www.youtube.com/watch?v=kJWbp13W5s0[/YOTUBE]

lo que me interesa cojer lo que pone en link y moverlo al src

Código:

var = var.replace(/\[(YOTUBE%([\sa-z\xc0-\xff]+="([\sa-zñ]+))")\]([^\[]+)/gi, '<iframe width="560" height="315" src="'https://www.youtube.com/embed/'$2" frameborder="0" allowfullscreen>');

var = var.replace(/\[(\/YOTUBE)\]/gi, '</iframe>');

algo estoy haciendo mal entre otras cosas seguro que tengo mal la sintaxis donde va la variable src

[IsaBelM]

No están añadidos los caracteres numéricos (\d).

[marlanga]

Dicen que cuando un programador novato tiene un problema, y piensa que la solución es usar expresiones regulares, entonces tiene dos problemas.

Pero con ganas, experiencia, un poco de cuidado, y mucho sex-appeal pueden hacer cosas como esta:

Código Javascript:

var Reemplazator = {
  MATCHES : [
    {
      REG : /\[youtube\](.*)\[\/youtube\]/ig,
        TPL : '<iframe type="text/html" width="640" height="390" src="http://www.youtube.com/embed/$1" frameborder="0"></iframe>'
    },
    {
      REG : /\[img\](.*)\[\/img\]/ig,
        TPL : '<img src="$1" />'
    },
    {
      REG : /\[url name="([^"]*)"\](.*)\[\/url\]/ig,
        TPL : '<a href="$2">$1</a>'
    }
  ],
  parse : function (txt) {
    for (var i = 0, n = Reemplazator.MATCHES.length; i < n; i++) {
      var rule = Reemplazator.MATCHES[i];
      console.log(txt.match(rule.REG));
      txt = txt.replace(rule.REG, rule.TPL);
    }
    return txt;
  }
};
 

http://jsfiddle.net/marlanga/9axyz13x/
Veo que en tu último mensaje estuviste a punto de lograrlo. Bien hecho, joven padawan.

Posdata:
Una vuelta de tuerca a la función parse, porque me gusta complicar las cosas:

Código Javascript:

parse : function (txt) { 
    return Reemplazator.MATCHES.reduce(function (value, rule) { return value.replace(rule.REG, rule.TPL); }, txt);
}
 

http://jsfiddle.net/marlanga/9axyz13x/1/

[jonyjdv]

Vale si el problema era la \d muchas gracias por tu ayuda IsaBelM.

Gracias por tu aporte marlanga siempre quise ahondar mas en las expresiones regulares pero por falta de tiempo nunca me he puesto. Revisare tu codigo con detenimiento

Saludos