TinyMCE valid_elements. Quitar formato de texto proveniente de word, excel u otro sitio web
TinyMCE es un editor que nos permite insertar etiquetas HTML en los campos de texto (textarea), y nos permite personalizarlo de distintas maneras según nuestras necesidades.
Un problema muy común en los blogs o en las plataformas virtuales es que al pegar un texto en el textarea que previamente hemos copiado desde un procesador de textos como Word, Excel o desde otro sitio web, el texto se guarda con el formato que tenía anteriormente.
Lo que tenemos que hacer es restringir el uso de determinados tags de manera al pegar un texto, el editor haga una limpieza correspondiente.
Hay varias maneras de hacer esto, personalmente utilizo la opción “valid_elements” que define cuales son los elementos (tags html) que permanecerán cuando el editor se guarde. A continuación les mostraré un ejemplo en donde establezco dicha opción en el evento “tinyMCE.init” donde se inicializa el editor y con “valid_elements” indico los tags validos para los campos de texto.
<script type=”text/javascript”>tinyMCE.init({ mode : “textareas”,
theme : “advanced”, theme_advanced_buttons1 : “bold, italic, underline, separator, bullist,numlist,separator,undo,redo, separator, link, unlink “, theme_advanced_buttons2 : “”, theme_advanced_buttons3 : “”, theme_advanced_toolbar_location: “top”, theme_advanced_toolbar_align: “left”,valid_elements : “a[href|target=_blank],strong/b,div[align],br,ul,ol,li,em/i,u”
});</script>
Algunos tags del ejemplo anterior que estoy permitiendo utilizar son:
a[href|target=_blank] son los enlaces
strong/b es negrita y la barra “/” significa que tanto strong como b son elementos sinónimos.
div[align] es la alineación del texto.
En el sitio de http://tinymce.moxiecode.com hay una explicación muy completa de como utilizar la propiedad valid_elements, también hay una tabla donde figuran el nombre de cada caracter de control junto con su significado, muy útil esta última por cierto.
El enlace es el siguiente: http://tinymce.moxiecode.com/wiki.php/Configuration:valid_elements
29 junio 2011 – Eh publicado una solución que considero más apropiada en el siguiente enlace: Paste Plugin. pegar texto plano
