Darse de alta en la web | Recuperar password   
Inicio / Archivos de la web / Scripts / bebecode / Versión 1.07

Datos del Archivo

  • Autor/es: panino
  • Fecha de alta: 28-11-2006
  • Descargas: 393

Votación

No estás registrado

Descarga

Archivo zip

Descargar Archivo

(27,57 KB)

Otras versiones

No hay

bebecode v1.07

Valoración (4,57 en 7 votaciones )

bebecode te permite convertir todas las áreas de texto de un formulario en un sencillo editor BBCode que acepta selección de texto.

Características de esta versión:

1.05:
Modificado para que admita valores iniciales, lo cual lo hace útil para incluirlo en formularios de modificación de datos.
1.06:
solucionado bug en Explorer que se producía al contener la página
un elemento con id="cuerpo" (gracias bonez!)
1.07:
solucionado corrimiento de la posición de scrollbars en Firefox.


Comentarios (20)

Avatar de broken #1 broken
03 dic 06 (08:56)
SARPADO EL SCRIPT!!!

Me encanto!!!

Hasta me gusta mas que el editor del Foro (sin ofender), pero tiene una caracteristica que me encanta que es cuando tenes seleccionado un texto y aplicas una etiqueta de BBCode, se inserte a los costados del texto seleccionado y no como en el foro que lo inserta al final

Para explicarme mejor, doy un ejemplo, yo escribi un titulo y despues escribi todo un texto largo, entonses se me ocurre poner el titulo en negrita para resaltarlo, pero al hacer click en el boton que inserta la etiqueta, esta la inserta al final y tengo que copiar la equiteta manualmente lo cual no ocurre en tu Script

Tal ves para otros no es nada eso, pero a mi me encanta, te mereses el 5 que te puse ;)
Avatar de Sinedra #2 Sinedra
10 dic 06 (17:16)
muy bueno gracias
Avatar de SubSeven #3 SubSeven
11 ene 07 (20:33)
panino yo uso este script en un formulario ke es visible solo si el usuario esta registrado y logeado y me he dado cuenta de que cuando el usuario no está logueado al no mostrarse el formulario en IE me arroja un error de javascript ke apunta al este script, ojala se pueda solucionar.
Avatar de panino #4 panino
11 ene 07 (20:43)
Hola, Subseven! No es un problema del script sino de cómo lo estás usando: es lógico que te de un error si estás llamando a la función que hace referencia a un elemento inexistente. La solución sería algo así:

Código PHP


<body<?php if(isset($login)){?>onload="init('id_textarea1')"<?php } ?>>

Avatar de BoGuS87 #5 BoGuS87
18 ene 07 (21:11)
Me parece perfecto, estaba buscando algo parecido y ahora de rebote lo he encontrado tal y como lo necesitaba
Enorabuhena
Avatar de compermiso #6 compermiso
28 mar 07 (20:01)
grasias muchas grasias
tambien yo buscaba un editor bbcode
solo me falta un parse a html y listo
Avatar de Falopy #7 Falopy
14 jun 07 (21:14)
wuaoo oye esta genial nomas que pues tengo un pequeño problemita, la cosa es que el contenido de del formulario se va a mi base de datos y luego de ahi extraigo la informacion para luego mostrarla mas adelante, la cosa es que me funciona hasta cierto punto perfecto salbo el hecho de que me saca las etiquetas que se supone deve reemplazar.o sea que hace esto [ b* ]blambla y no esto [ b ]blabla

le puse el * para que este editor no me pusiera negritas XD
Avatar de Falopy #8 Falopy
14 jun 07 (21:19)
Disculpen mi Estupides pues por un error de parentesis y olvidando que en el include() viene la funcion bbcode() no me funcionaba el script, eh revisado paso a paso cada uno delos archivos y note mi error... por favor hagan caso omiso a el anterior comentario, esto funciona de maravilla!!! GRACIAS!!
Avatar de panino #9 panino
30 ago 07 (15:15)
Les comento que subí una versión mejorada de este script. Saludos.
Avatar de SubSeven #10 SubSeven
20 nov 07 (23:28)
Hola panino, yo uso este editor de texto en un foro que hice pero ahora que me doy cuenta no funciona bien en IE, ya que por ejemplo, para que un usuario envíe un nuevo post o responda a alguno de los que ya existan deberá estar registrado e identificado a lo que yo hago algo como esto:

Código PHP


<?php
    session_start
();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<script src="bbcode/bbcode.js"></script>

</head>

<body onload="init('contexto')">
<?php
    
if(!empty($_SESSION['usuario'])) {
?>
    <form name="form1" id="form1" action="enviar.php" method="post">
        <textarea name="contenido" id="contenido"></textarea><br />
        <input type"submit" name="enviar" value="Enviar" />
    </form>
<?php
    
}else {
?>
        Debes estar registrado para postear.
<?php
    
}
?>
</body>
</html>



Pero al ejcutar el script con un usuario logueado sale el iconito amarillo de error javascript de que no encuentra un objeto y no sé dónde pueda estar la falla, a ver si tú sabes qué pueda estar mal. gracias

Saludos.
Avatar de SubSeven #11 SubSeven
20 nov 07 (23:29)
Me olvidaba, sólo en Firefox funciona bien, es en IE donde me sale esa falla.
Avatar de panino #12 panino
24 nov 07 (12:18)
Hola, Subseven, es lo mismo que te respondí en #4, el problema es que estás intentando usar la función init con el id de un elemento que no existe. De la misma manera en que ocultás el formulario para el usuario no registrado, tenés que ocultar la llamada a la fución init. Pero no es un problema del script sino de cómo lo estás usando. En firefox, si te fijás en la consola de errores también verás el error.
Avatar de SubSeven #13 SubSeven
24 nov 07 (17:31)
He hecho lo que me dices y sigue sin funcionar, también corregí lo del iD que era diferente del init pero sigue igual mostrándome el error :S
Avatar de SubSeven #14 SubSeven
24 nov 07 (19:37)
trasteando el codigo de la página donde están los formularios con el editor de texto y sacando a trozos encontré que este script js con el que hago menús desplegables es el que creo que está originando la falla ya que cuando lo quito, no da error y cuando lo pongo sí.

Código Javascript

<script type="text/javascript">
<!--//--><![CDATA[//><!--
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls.onmouseover=function() {
this.className+=" sfhover";
}
sfEls.onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]>
</script>


Podrías decirme cuál es la línea que interfiere con el funcionamiento del editor? y ver una solución(aunque tengo pensado desde hace algún tiempo un cambio de diseño sin usar ese menú desplegable).

Saludos.
Avatar de panino #15 panino
25 nov 07 (03:23)
Probá reemplazando esto:

Código Javascript

if (window.attachEvent) window.attachEvent("onload", sfHover);
por:

Código Javascript

window.onload=function(){
sfHover();
init('contexto');//o el id que corresponda
}
Avatar de panino #16 panino
25 nov 07 (03:26)
Post data: al hacer la llamada a la función init de esta manera, deberás eliminar el onload="init('contexto')" en tu tag body (es decir, debe quedarte así: <body>)
Avatar de SubSeven #17 SubSeven
25 nov 07 (03:56)
nada, sigue saliendo el mismo error ya me estoy volviendo loco
Avatar de panino #18 panino
25 nov 07 (12:30)
Pasame una url donde verlo (y si es necesario estar logueado pasame por privado algún dato de login).
Avatar de SubSeven #19 SubSeven
03 dic 07 (17:13)
ya comprobé que es una falla en el IE6 que tengo instaldo en mi PC, he probado en otra PC y funciona muy bien.

Una sugerencia, sería bueno que le pusieras opción de tamaño de texto y de color y si fuera posible, un botón para convertirlo en editor WYSIWYG, algo similar al editor que viene en vBulletin, pero si no se puede pues con lo de color y tamaño sería suficiente :-)

Saludos.
Avatar de SubSeven #20 SubSeven
17 dic 07 (23:01)
Estoy intentando añadirle opción de insertar tags para tipo y tamaño de letra usando combos pero no me funciona por ejemplo yo he agregado esto al js que genera la barra del editor:

Código PHP


<select name=\"tamanio\"><option value=\"Tamaño\" selected=\"selected\"><option value=\"Tamaño 1\" onclick=\"instag('size','"+incluidos<i>+"')\" style=\"font-size:9px;\">Tamaño 1</option><option value=\"Tamaño 2\" onclick=\"instag('size','"+incluidos<i>+"')\" style=\"font-size:12px;\">Tamaño 2</option><option value=\"Tamaño 3\" onclick=\"instag('size','"+incluidos<i>+"')\" style=\"font-size:15px;\">Tamaño 3</option><option value=\"Tamaño 4\" onclick=\"instag('size','"+incluidos<i>+"')\" style=\"font-size:18px;\">Tamaño 4</option><option value=\"Tamaño 5\" onclick=\"instag('size','"+incluidos<i>+"')\" style=\"font-size:20px;\">Tamaño 5</option><option value=\"Tamaño 6\" onclick=\"instag('size','"+incluidos<i>+"')\" style=\"font-size:22px;\">Tamaño 6</option></select>



De esa forma lo que quisiera hacer es que al seleccionar alguna opción se genere algo como esto:
[size=1][/size]
[size=2][/size]
...
[size=6][/size]

Pero cuando ejecuto y selecciono alguna de las opciones simplemente me agrega esto: [size][/size], o sea sin el numero que identifique el tamaño de texto, talvez me haga falta algo pero no doy con ello, espero que me puedas echar una mano. Gracias.

Saludos.
Para poder participar debes estar registrado e identificado. Si no estás registrado como usuario de PHP-Hispano, :: Registrar ::
Login / Password   

Web alojada en Zilos

php-hispano.net 2002 - 2008 | XHTML 1.0
Datos Legales | Webmaster