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