Los editores de texto enriquecidos o mejor conocidos como editores WYSIWYG (What You See is What You Got – Lo que ves es lo que obtienes) son de bastante utilidad para cierto tipo de desarrollos, como lo es cuando el usuario quiere modificar el mismo los estilos de lo que escribe, agregar listados o agregar hipervinculos, etc, sin que tenga que aprender HTML para realizarlo.
Buscando un buen rato por alguno sencillo, ligero y que se integrara rapidamente a ASP.NET/Mono, me encontre con jHtmlArea, un plugin para jQuery aun en desarrollo pero lo bastante estable como para poder utilizarlo en el proyecto que estoy desarrollando.
Configurarlo y usarlo es realmente sencillo:
- Descarga el archivo del sitio web del proyecto.
- Descarga jQuery.
- Los archivos javascript agregarlos a una carpeta (js por ejemplo) y los CSS lo mismo (puede llamarse css el folder
). - Agregar las referencias de los archivos en el código:
<head> <script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="/admin/js/jHtmlArea.ColorPickerMenu-0.7.0.min.js" type="text/javascript"></script> <script src="/admin/js/jHtmlArea-0.7.0.min.js" type="text/javascript" ></script> <link rel="stylesheet" type="text/css" href="/admin/css/jHtmlArea.css" /> <script type="text/javascript"> $(document).ready(function(){ $("textarea").htmlarea(); }); </script> </head> - Agregar un elemento
<textarea>simple o un textbox multilinea de asp.net.<asp:TextBox runat="server" id="txtContenido" TextMode="MultiLine" Width="680" Height="300" ></asp:TextBox>
Con esto automaticamente cada elemento textarea aparecera con las opciones del editor, existen otras configuraciones como agregar o eliminar elementos de la barra de botones tal y como lo indica el autor en su sitio.
He estabo cuscando por semanas algo asi y jamas pense que lo iva a encontrar relacionado con Jquery; lo provare al rato aviso y Gracias lol
Algo así estaba buscando, lo voy a probar, ojala funcione bien en todos los navegadores.