Sigueme por RSS! RSS

Editor BBCode con jQuery

El BBCode (Bulletin Board Code) permite la edición sencilla de textos, es útil para publicar comentarios.
Basándose en ese pequeño lenguaje, tenemos al Plugin BBCode de jQuery, desarrollado con el objetivo de facilitar la elaboración de nuestro propio editor, ofreciendo fácil configuración.

Características:
- permite usar diferentes etiquetas BBCode y emoticones.
- permite el uso de skins para el editor.
- dispone de una función para PHP, que permite convertir el BBCode en HTML.




Modo de uso:

1.- incluimos el JQuery y la plug-in (entre etiquetas head)
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.bbedit.min.js"></script>

2.- Iniciamos el plug-in (entre etiquetas head)
<script type="text/javascript">
   $(document).ready(function() {
      $("#ID_del_editor").bbedit();
   });
</script>

3.- armamos el editor (entre etiquetas body):
<form>
   <textarea id="ID_del_editor" cols="50" rows="5"></textarea>
</form>


Personalizando:

- Entre los parámetros de bbedit podemos indicar si queremos usar la barra de herranmientas (toolbar) o no:
$("#ID_del_editor").bbedit({
   enableToolbar: false, // false = desactivado
});

- podemos indicar si deseamos smyles y cuales:
$("#ID_del_editor").bbedit({
   smilies:  biggrin,cry,dizzy,funk,huffy,lol,loveliness,mad,|,sad,shocked,shy,sleepy'
});

- indicando que tags BBCode permitiremos:
$("#ID_del_editor").bbedit({
   tags: 'b,i,u,s,url,img,code,quote'
});

- cambiando el skin:
$("#ID_del_editor").bbedit({skin: 'blue'});

Referencia:
code.google.com

2 comentarios: Suscribete a los comentarios por RSS

Publicar un comentario

- Los comentarios están siendo moderados y serán publicados en la brevedad posible.