Duda con BBCode

yazo · #1 (**permalink**) 26/01/2008, 10:41

Hola chic@s:

¿No sabreis si hay algo tipo bbcode pero para poder usarlo en campos input?
He probado con el javascript que tiene panino en su web (http://www.disegnocentell.com.ar/new...los.php?id=131) pero con campos input no funciona.

Saludos

narayan · #2 (**permalink**) 27/01/2008, 13:26

hola yazo.

yo tambien he usado ese mismo codigo y tambien intente aplicarlo a un campo input y no lo conseguí, no me respetaba el ancho y alto del campo y el texto se quedaba fuera. siento no serte de ayuda

yazo · #3 (**permalink**) 27/01/2008, 14:30

Cita:

Iniciado por narayan

hola yazo.

yo tambien he usado ese mismo codigo y tambien intente aplicarlo a un campo input y no lo conseguí, no me respetaba el ancho y alto del campo y el texto se quedaba fuera. siento no serte de ayuda

No pasa nada, muchas gracias de todas formas.

Panino5001 · #4 (**permalink**) 27/01/2008, 14:44

La verdad no le veo demasiado sentido a colocarlo fuera de un área de texto. De todas maneras, es más fácil adaptarlo tomando como referencia no a bebecode sino a la faq 244.
Ejemplo:

Código PHP:

  <html>
<head>
<title>Editor bbCode</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function instag(tag){
var input = document.form1.contenido;
if(typeof document.selection != 'undefined' && document.selection) {
var str = document.selection.createRange().text;
input.focus();
var sel = document.selection.createRange();
sel.text = "[" + tag + "]" + str + "[/" +tag+ "]";
sel.select();
return;
}
else if(typeof input.selectionStart != 'undefined'){
var start = input.selectionStart;
var end = input.selectionEnd;
var insText = input.value.substring(start, end);
input.value = input.value.substr(0, start) + '['+tag+']' + insText + '[/'+tag+']'+ input.value.substr(end);
input.focus();
input.setSelectionRange(start+2+tag.length+insText.length+3+tag.length,start+2+tag.length+insText.length+3+tag.length);
return;
}
else{
input.value+=' ['+tag+']Reemplace este texto[/'+tag+']';
return;
}
}
function inslink(){
var input = document.form1.contenido;
if(typeof document.selection != 'undefined' && document.selection) {
var str = document.selection.createRange().text;
input.focus();
var my_link = prompt("Enter URL:","http://");
if (my_link != null) {
if(str.length==0){
str=my_link;
}
var sel = document.selection.createRange();
sel.text = "[a href=\"" + my_link + "\"]" + str + "[/a]";
sel.select();
}
return;
}else if(typeof input.selectionStart != 'undefined'){
var start = input.selectionStart;
var end = input.selectionEnd;
var insText = input.value.substring(start, end);
var my_link = prompt("Enter URL:","http://");
if (my_link != null) {
if(insText.length==0){
insText=my_link;
}
input.value = input.value.substr(0, start) +"[a href=\"" + my_link +"\"]" + insText + "[/a]"+ input.value.substr(end);
input.focus();
input.setSelectionRange(start+11+my_link.length+insText.length+4,start+11+my_link.length+insText.length+4);
}
return;
}else{
var my_link = prompt("Ingresar URL:","http://");
var my_text = prompt("Ingresar el texto del link:","");
input.value+=" [a href=\"" + my_link + "\"]" + my_text + "[/a]";
return;
}
}
</script>
</head>

<body>
<form name="form1" method="post" action="">
<input type="button" name="Submit" value="B" onClick="instag('b')">
<input type="button" name="Submit3" value="U" onClick="instag('u')">
<input type="button" name="Submit4" value=" I " onClick="instag('i')">
<input type="button" name="Submit2" value="LINK" onClick="inslink()">
<br>
<input id="contenido" name="contenido" type="text" size="80">
</form>
</body>
</html>

yazo · #5 (**permalink**) 27/01/2008, 15:17

Muchas Gracias Panino, como siempre un 10.