Estilos con sistema WYSIWYG

[1pere3]

Buenas a todos, tengo un portal montado con un sistema de autogestión de contenidos al que le hemos configurado un sistema WYSIWYG.

La web está maquetada con css, el problema que surge, es que en el sistema de autogestión cuando alguno de los colaboradores copia y pega algún texto web, y sube el texto a la DB, vemos que en la DB aparecen lo tipicos <SPAN><FONT-SIZE><FONT-COLOR>... con lo que la estética y el css de la página se van a tomar viento.

He estado mirando los archivos .js del WYSIWYG y es una locura.

Hay otra forma para que no se apliquen los estilos del WYSIWYG?

Saludos y gracias.

[fer10]

eso depende del programa WYSIWYG que utilises existen unos muy bunos que te permiten crear los estilos que tu quieras mostrar y los iconos.

te paso los 2 que han sobrepasado mis necesidades:

• fckeditor
• TinyMCE

ahy en las paignas ahy manuales para como modifcarlos en lo personal se me hace mas facil modificar el TinyMC pero tengo algunos probelmas para que me maneje codigo limpio pero se me hace mas facil personalisarlo ambos son compatibles con xhtml

con el editor fckeditor: en la carpeta donde se esta los archivos fuente ahy un archivo llamdo "fckstyles.xml" ahy se encuentran los estilos que se despliegan en el dropdown de styles del editor. hacen referencia directa a la hoja de estilos

<Style name="Titulo" element="span">
<Attribute name="class" value="titulo_info_rojo" />
</Style >

para el TinyMC : para agregar los estilos en la funcion "tinyMCE.init()" que utilisas para inciar el editor que se coloca en el header de cada documento donde quieras colocar el editor se agrega el parametro

content_css : "/hoja_de_estilos.css",

dodne tienes los estilos que quieres que aparescan en el editor.. yo lo que hago es hacer 2 una para los estilos del editor y otra para los de la pagina.

pd. cualquier duda la manejamos en este team, NO RESPONDO MESAJES PRIVADOS tks =)

[JavierB]

Movido al foro de JavaScript desde Css.

Saludos,

[refineriaweb]

Si usas TinyMCE, puedes usar esto:

tinyMCE.init({
mode : "textareas",
theme : "simple"
valid_elements : "-font,-size,-color"
});

Por ejemplo. De esta forma te suprime las etiquetas font, size y color y no deshace los estilos que tengas aplicados desde el css en cuanto a tipo, tamaño y color de la fuente.

Un saludo