Tiny MCE
Escrito por J.F. el Jueves, 5 de Julio del 2007 a las 18:19
Bueno, hago un Review de ésta popular entrada de mi otro blog, para hablar de un tema muy interesante, Tiny MCE. Tiny MCE es una aplicación prefabricada muy útil para usar en blogs, foros, páginas web etc. Es una toolbar que se coloca en los textareas con botones a través de los cuales podemos dar formato al texto, mediante un sencillo script.
Se puede descargar de forma gratuita desde aquí. Para que podamos ponerlo a funcionar tan solo deberemos cojer la carpeta jscripts y ponerla en el directorio donde tengamos los documentos html en los que vayamos a utilizarlo. Un ejemplo de como utilizarlo sería el siguiente:
-
<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>
-
<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”
Categoria: Javascript
- Añadir este post a
- Del.icio.us -
- Meneame -
- Digg -
- Webeame
Entradas relacionadas
Deja un comentario
