 |
|
|
|
|
|
Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS | |
||
|
||||
|
|
|||
 |
|
 |
||
|
||||
Directorio
|
Manuales
|
Scripts
|
FAQs
|
Programas
|
Artículos Copyleft
|
Actualidad
|
La Cosecha
|
Colabora
Alojamiento
|
Dominios.es
|
Micropagos SMS
|
Buscadores
|
Patentes, marcas
|
Creación web
|
Multimedia
|
Videos
Editor de texto WYSIWYG Javascript: TinyMCE
Editor HTML WYSIWYG basado en Javascript de Moxiecode Systems AB.
23/7/08 - TinyMCE es un editor HTML que es capaz de convertir los textarea de un formulario en campos WYSIWYG para poder incluir etiquetas HTML dentro de los campos de texto.
Características
- Es fácil de integrar en las páginas web, ya que solo tiene dos líneas de código.
- Se puede personalizar a través de temas y plugins.
- También se pueden instalar paquetes de idiomas.
- Es compatible con la mayoría de los navegadores como Firefox, Internet Explorer, Opera y Safari, aunque este último esta en fase experimental.
- Con el compresor GZip para PHP/.NET/JSP/Coldfusion, hace que TinyMCE sea un 75% más pequeño y mucho más rápido de cargar.
- Se puede utilizar AJAX para guardar y cargar el contenido.
Para poder utilizar TinyMCE es las páginas web, el navegador tiene que ser compatible y tener Javascript habilitado.
Primero hay de descargar TinyMCE desde la siguiente página de descargas: http://tinymce.moxiecode.com/download.php. Después hay que descomprimirlo y guardarlo en el servidor de la página web para poder utilizarlo en los textarea de los formularios.
En la página que se vaya a utilizar, primero hay que incluir la librería tiny_mce.js incluyendo el archivo externo de código Javascript.
<script language="javascript" type="text/javascript" src="/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
A continuación hay que inicializar TinyMCE para convertir los textarea en campos de texto WYSIWYG editables.
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "simple"
});
</script>
Ejemplo de integración de TinyMCE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Ejemplo TinyMCE</title>
<script language="javascript" type="text/javascript" src="/tinymce/jscripts/tiny_mce/tiny_mce.js"> </script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced"
});
</script>
</head>
<body>
<form method="post" name="tinymce">
<textarea name="texto" cols="50" rows="15"></textarea>
</form>
</body>
</html>
En este ejemplo primero hemos incluido la librería tiny_mce.js dentro de las etiquetas <head> . También dentro de estas etiquetas también hemos inicializado TinyMCE para que en el textarea del formulario se convierta en un campo de texto WYSIWYG.
Puedes ver el ejemplo en funcionamiento en el siguiente enlace.
Seguir navegando a partir aquí:
+ 1 manual relacionado+ 1 categoria relacionada
+ 2 comentarios (Añadir)
| Autoría, licencia y acciones sobre este artículo | ||||||
|
Informe de Gema María Molina Prados*
Equipo DesarrolloWeb.com URL: http://www.desarrolloweb.com Atención: Copyright. Este artículo no se puede reproducir sin la autorización expresa del autor. * Para consultas técnicas utilizar la lista de correo.
|
Manuales relacionados con este artículo
Dentro de Taller de Javascript
Categorias relacionadas
A través de las categorías de nuestro directorio se pueden encontrar otro tipo de recursos relacionados con este artículo:
+ Entrar en Javascript Comentarios de los visitantes
| Los comentarios de los visitantes son para ampliar la información del artículo. Cualquiera puede participar. |
| Se muestran 2 comentarios revisados |
Comentario de Rodrigo
05/8/08
Antes de nada, hay que especificar que WYSIWYG son las siglas de What You See Is What You Get, algo asi como "lo que hagas lo veras inmediatamente", a diferencia de otros editores como BBCode, en los que tienes que ver el formato del texto despues de pulsar un boton.
Pues bien, para los editores WYSIWYG creo que TinyMCE es el mejor, no obstante es el editor que viene integrado en Joomla!, lo que no puede ser casualidad.
No obstante, yo advertiria de que el codigo HTML generado por TinyMCE es una autentica basura (como el codigo generado por cualquier editor automatico). La culpa la tiene el metodo execCommand de javascript en la que se apoya TinyMCE, que es muy pobre y muy anticuado. Por tanto, si alguien tiene pensado maquetar un texto con TinyMCE, que sepa que:
1.- No podra hacer ninguna maravilla
2.- El codigo sera horrible
Como conclusion creo que la herramienta es muy util, pero que nadie piense hacer un sitio entero con TinyMCE, por el bien de la calidad web.
Pues bien, para los editores WYSIWYG creo que TinyMCE es el mejor, no obstante es el editor que viene integrado en Joomla!, lo que no puede ser casualidad.
No obstante, yo advertiria de que el codigo HTML generado por TinyMCE es una autentica basura (como el codigo generado por cualquier editor automatico). La culpa la tiene el metodo execCommand de javascript en la que se apoya TinyMCE, que es muy pobre y muy anticuado. Por tanto, si alguien tiene pensado maquetar un texto con TinyMCE, que sepa que:
1.- No podra hacer ninguna maravilla
2.- El codigo sera horrible
Como conclusion creo que la herramienta es muy util, pero que nadie piense hacer un sitio entero con TinyMCE, por el bien de la calidad web.
Comentario de jose
05/8/08
Yo llevo utilizando FCK desde hace años. No se que me puede aportar pasar a MCE, que diferencias hay, ...
¿Alguien ha utilizado los dos? o sea que cual es mejor, ...
¿Alguien ha utilizado los dos? o sea que cual es mejor, ...
 | Añadir un comentario del artículo |
| Enlaces: |
| Maestrosdelweb |
Ir arriba
Lectura recomendada  Compra este libro en Agapea, la librería urgente a domicilio. |
||||||||
Tienda DesarrolloWeb
