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

[kiss]
ResponderEliminargracias, me gustan tus emoticones [rolleyes]
ResponderEliminar