Actualización de TinyMce en nuestros Pack de Tiendas Virtuales
Es muy práctico para cajas de texto en formularios, blogs, cms o páginas Web en general. Su principal utilidad es que se integra código html de forma intuitiva y sin tener ningún conocimiento de programación.
Sábado, 21 febrero 2009 | por Luis A. Serrano | Categoría: Ayuda para Tiendas Online, Herramientas
TinyMce es un editor WYSIWYG para HTML de código abierto que funciona completamente enJavaScript y se distribuye gratuitamente bajo licencia LGPL. Su mayor ventaja, que puede emplearse en cualquier texarea.
Es muy práctico para cajas de texto en formularios, blogs, cms o páginas Web en general. Su principal utilidad es que se integra código html de forma intuitiva y sin tener ningún conocimiento de programación. TinyMce es sencillo de integrar ya que suele bastar con actualizar los archivos ya existentes e incorporar algunas lineas de código.
Otras funcionalidades pasan por personalizar plugins y temas, se pueden instalar paquetes de idiomas, es compatible con los navegadores más populares, es rápido en cargar gracias a su compresor GZip y se puede usar Ajax para guardar y cargar el contenido.
Puedes descargar el pack que contiene también ejemplos para que puedas verlo y probarlo.
Para que podamos ponerlo a funcionar tan solo deberemos copiar la carpeta jscripts y pegarla en el directorio donde tengamos los documentos html en los que vayamos a usarlo. Un ejemplo de como utilizarlo sería el siguiente:
<html>
<head>
<title>TinyMCE Test</title>
<script language=”javascript” type=”text/javascript” src=”jscripts/tiny_mce/tiny_mce.js”></script>
<script language=”javascript” type=”text/javascript”>
tinyMCE.init({
mode : “textareas”,
});
</script>
</head>
<body>
<form method=”post”>
<textarea name=”content” cols=”50? rows=”15?>Ejemplo de TinyMCE funcionando.</textarea>
</form>
</body>
</html>
En caso de querer situar la barra de botones en la parte de arriba en vez de abajo basta con añadir en:
tinyMCE.init({
mode : “textareas”,
});
las siguientes líneas:
theme : “advanced”,
theme_advanced_toolbar_location : “top”,
theme_advanced_layout_manager : “SimpleLayout”,
verify_html : “false”,
verify_css_classes : “false”,
plugins : “zoom,advlink,emotions,iespell,style,advhr,contextmenu,advimage,”,
apply_source_formatting : “false”,
valid_elements : “*[*]”,
extended_valid_elements : “*[*]”,
auto_reset_designmode : “true”,
trim_span_elements : “false”
Este es el aspecto del TinyMCE en funcionamiento:
También puede interesarte ...
Hemos incorporado a nuestros planes de Tiendas Virtuales una funcionalidad interesante reclamada ...
Las funciones que trae el editor TinyMce con WordPress nos van a ayudar a darle un formato enriq ...
Vamos a explicar cómo crear páginas web, con texto e imágenes, haciendo uso del editor de texto ...
Un año más no queremos faltar a esta cita ineludible con el mundo del Comercio Electrónico y des ...
Es nuestra propuesta para tiempos de crisis. Lo mejor para comenzar sus ventas en Internet. Por ...
