Editor de texto Wysiwyg : como funciona?

2 -¿Como funciona ?

El WYSIWYG se compone de 2 modos :

• Un modo WYSIWYG, que anuncia el contenido tal y como debería ser después el envió del mensaje :
  
  
  Ampliar esta imagen. Clic aquí para ver su tamaño original
  
  
  
  
• Un modo código fuente que anuncia todas las balizas BBCodigos que corresponden al formato :
  
  
  Ampliar esta imagen. Clic aquí para ver su tamaño original
  
  
  

Se cambia de un formato al otro con ese botón !!



Es una alegría poder copiar y pegar un texto que ha sido copiado con vínculos ! Como podéis verlo los links se quedan solos !!!!


Para cada de estos 2 modos, existe 2 funciones para cada botón :

• Una función por defecto en modo WYSIWYG (ejemplo con el boton negrita que debéis pinchar antes escribir)
  
  
  Ampliar esta imagen. Clic aquí para ver su tamaño original
  
  
  
  
• Una función en modo "código fuente"
  
  
  Ampliar esta imagen. Clic aquí para ver su tamaño original
  
  
  
  

3 -¡Los botones!

¡¡¡Veréis que hemos mejorado también el aspecto y el uso de los botones !!!

Iconos	Modo WYSIWYG	Modo Código Fuente
	Poner el texto en negrita	Código:Seleccionar el contenido Código: [b][/b]
	Poner el texto en cursiva	Código:Seleccionar el contenido Código: [color=#484848][font=Verdana][i][/i][/font][/color]
	Subrayar el texto	Código:Seleccionar el contenido Código: [u][/u]
	Texto rayado	Código:Seleccionar el contenido Código: [strike][/strike]
	Alinear el texto a la izquierda	Código:Seleccionar el contenido
	Centrar el texto	Código:Seleccionar el contenido
	Alinear el texto a la derecha	Código:Seleccionar el contenido Código: [right][/right]
	Justificar el texto	Código:Seleccionar el contenido Código: [justify][/justify]
	Hacer una lista (no numerada)	Código:Seleccionar el contenido Código: [list] [*] [/list]
	Hacer una lista numerada	Código:Seleccionar el contenido Código: [list=1] [*] [/list]
	Insertar una línea de separación (horizontalmente)	Código:Seleccionar el contenido Código: [hr]
	Hacer una citar o citar a una persona (quote)	Código:Seleccionar el contenido Código: [quote][/quote]
	Permite poner codigos (Html,Css,...)	Código:Seleccionar el contenido Código: [code][/code]
	Pone une Spoiler	Código:Seleccionar el contenido Código: [spoiler][/spoiler]
	Oculta el texto	Código:Seleccionar el contenido Código: [hide][/hide]
	Permite insertar una tabla, eligiendo el numero de filas y de columnas.	Código:Seleccionar el contenido Código: [table][tr][td][/td][/tr][/table]
	Permite subir una imagen directamente en un servicio de alojamiento	-
	Insertar una imagen mediante la direccion Url de esta	Código:Seleccionar el contenido Código: [img][/img]
	Insertar un vínculo señalando la dirección y el texto que debe indicarse	Código:Seleccionar el contenido Código: [url][/url]
	Inserta un video de youtube	Código:Seleccionar el contenido Código: [youtube][/youtube]
	Inserta un video de dailymotion	Código:Seleccionar el contenido Código: [dailymotion][/dailymotion]
	Insertar un contenido flash señalando la dirección del archivo SWF	Código:Seleccionar el contenido Código: [flash(x,y)][/flash]
	Permite modificar el tamaño del texto	Código:Seleccionar el contenido Código: [size][/size]
	Permite modificar el color del texto	Código:Seleccionar el contenido Código: [color][/color]
	Permite modificar el font o estilo de el texto	Código:Seleccionar el contenido Código: [font][/font]
	Permite retirar todos los estilos(color, negrita, ...) en el texto seleccionado	-
	Mostra/Oculta màs botones
	Botón Indice	Código:Seleccionar el contenido Código: [sub][/sub]
	Botón Exponente	Código:Seleccionar el contenido Código: [sup][/sup]
	Desplazamiento horizontal	Código:Seleccionar el contenido Código: [scroll][/scroll]
	Desplazamiento vertical	Código:Seleccionar el contenido Código: [updown][/updown]
	Insertar códigos WOW	Código:Seleccionar el contenido Código: [wow][/wow]
	Código Aelatorio	Código:Seleccionar el contenido Código: [rand][/rand]
	Lanzada de dados	Código:Seleccionar el contenido Código: [roll][/roll]
	Smilies	-
	Inserta fecha actual	-
	Inserta hora actual	-
	Insertar el texto sin formato	-
	Oscilar el modo de edición	-

4 -¡Los cambios increíbles!

• Se puede poner el nick del autor en una citación y editar el cuadro como quieras
  
  
  
  
  
• Aparición directa de los botones spoiler y ocultar en la barra de edición
  
  
  
  
  
• Al insertar una imagen es posible escoger el ancho y la altura
  
  
  
  
  
• Al insertar un url es posible poner una descripción
  
  
  
  
  
• Se pueden escoger un montón de nuevas colores
  
  
  
  
  
• Al pinchar el botón "Más botones" aparecen y desaparecen otros botones
  
  
  
  
  
  
  
• Se pueden añadir la fecha y la hora del momento
  
  
  
  
  
• Se puede copiar un texto desde una pagina word o otros sitio y pegarlo sin formato
  
  
  
  
  

Fuente del tuto: ForoActivo

Hola,como puedo eliminar un tema que he creado?
Saludos.

Ya he pedido amablemente a lo largo del año que me den de baja de este PUTO foro, voy a dedicarme a insultar y a subir pornografía hasta que borren mi cuenta.
SON UNA VERGUENZA, PERMITEN QUE PELOTUDOS INSULTEN Y SUBAN LO MISMO UNA Y OTRA VEZ!!