Cambios en el editor de mensajes del foro. Editor WYSIWYG

Hola a todos,
 
en los últimos días habréis notado un cambio en el editor de mensajes
 
son cambios que ha realizado el administrador de soporte de los foros de foroactivo.
 
a continuación os informamos de la operatividad del nuevo editor.
 
Disculpad las molestias.

Definicion:

WYSIWYG es el acrónimo de: " What You See Is What You Get." "Lo que ves es lo que obtienes"

Aplicado al editor de texto “HTML” nos permitirá tener una vista previa de lo que vamos escribiendo o adjuntando al texto, los colores, negrita, un correo electrónico, insertar una imagen... Facilitándonos la labor.
 
 
 
 
 
1 -Presentación
 
Por supuesto funciona en modo de respuesta
 
 

• "larga"
  
  
  Ampliar esta imagen.Reducir esta imagen Clic aquí para ver su tamaño original
  [Tienes que estar registrado y conectado para ver esa imagen]
  
  
  
  
  
  
  
  
• "rápidas"
  
  
  Ampliar esta imagen.Reducir esta imagen Clic aquí para ver su tamaño original
  [Tienes que estar registrado y conectado para ver esa imagen]
  
  
  
  
  
  
  

 
 
 
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.Reducir esta imagen Clic aquí para ver su tamaño original
  [Tienes que estar registrado y conectado para ver esa imagen]
  
  
  
  
  
  
  
• Un modo código fuente que anuncia todas las balizas BBCodigos que corresponden al formato :
  
  
  Ampliar esta imagen.Reducir esta imagen Clic aquí para ver su tamaño original
  [Tienes que estar registrado y conectado para ver esa imagen]
  
  
  
  
  
  
  

 
 
[Tienes que estar registrado y conectado para ver esa imagen]Se cambia de un formato al otro con ese botón !! [Tienes que estar registrado y conectado para ver esa imagen]
 
[Tienes que estar registrado y conectado para ver esa imagen]
 
[Tienes que estar registrado y conectado para ver esa imagen]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.Reducir esta imagen Clic aquí para ver su tamaño original
  [Tienes que estar registrado y conectado para ver esa imagen]
  
  
  
  
  
  
  
  
• Una función en modo "código fuente"
  
  
  Ampliar esta imagen.Reducir esta imagen Clic aquí para ver su tamaño original
  [Tienes que estar registrado y conectado para ver esa imagen]
  
  
  
  
  
  
  

 
 
 
3 -¡Los botones!
 
¡¡¡Veréis que hemos mejorado también el aspecto y el uso de los botones [Tienes que estar registrado y conectado para ver esa imagen]!!!
 

Iconos	Modo WYSIWYG	Modo Código Fuente
[Tienes que estar registrado y conectado para ver esa imagen]	Poner el texto en negrita	Código:Seleccionar el contenido Código: [b][/b]
[Tienes que estar registrado y conectado para ver esa imagen]	Poner el texto en cursiva	Código:Seleccionar el contenido Código: [color=#484848][font=Verdana][i][/i][/font][/color]
[Tienes que estar registrado y conectado para ver esa imagen]	Subrayar el texto	Código:Seleccionar el contenido Código: [u][/u]
[Tienes que estar registrado y conectado para ver esa imagen]	Texto rayado	Código:Seleccionar el contenido Código: [strike][/strike]
[Tienes que estar registrado y conectado para ver esa imagen]	Alinear el texto a la izquierda	Código:Seleccionar el contenido
[Tienes que estar registrado y conectado para ver esa imagen]	Centrar el texto	Código:Seleccionar el contenido
[Tienes que estar registrado y conectado para ver esa imagen]	Alinear el texto a la derecha	Código:Seleccionar el contenido Código: [right][/right]
[Tienes que estar registrado y conectado para ver esa imagen]	Justificar el texto	Código:Seleccionar el contenido Código: [justify][/justify]
[Tienes que estar registrado y conectado para ver esa imagen]	Hacer una lista (no numerada)	Código:Seleccionar el contenido Código: [list] [*] [/list]
[Tienes que estar registrado y conectado para ver esa imagen]	Hacer una lista numerada	Código:Seleccionar el contenido Código: [list=1] [*] [/list]
[Tienes que estar registrado y conectado para ver esa imagen]	Insertar una línea de separación (horizontalmente)	Código:Seleccionar el contenido Código: [hr]
[Tienes que estar registrado y conectado para ver esa imagen]	Hacer una citar o citar a una persona (quote)	Código:Seleccionar el contenido Código: [quote][/quote]
[Tienes que estar registrado y conectado para ver esa imagen]	Permite poner codigos (Html,Css,...)	Código:Seleccionar el contenido Código: [code][/code]
[Tienes que estar registrado y conectado para ver esa imagen]	Pone une Spoiler	Código:Seleccionar el contenido Código: [spoiler][/spoiler]
[Tienes que estar registrado y conectado para ver esa imagen]	Oculta el texto	Código:Seleccionar el contenido Código: [hide][/hide]
[Tienes que estar registrado y conectado para ver esa imagen]	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]
[Tienes que estar registrado y conectado para ver esa imagen]	Permite subir una imagen directamente en un servicio de alojamiento	-
[Tienes que estar registrado y conectado para ver esa imagen]	Insertar una imagen mediante la direccion Url de esta	Código:Seleccionar el contenido Código: [img][/img]
[Tienes que estar registrado y conectado para ver esa imagen]	Insertar un vínculo señalando la dirección y el texto que debe indicarse	Código:Seleccionar el contenido Código: [url][/url]
[Tienes que estar registrado y conectado para ver esa imagen]	Inserta un video de youtube	Código:Seleccionar el contenido Código: [youtube][/youtube]
[Tienes que estar registrado y conectado para ver esa imagen]	Inserta un video de dailymotion	Código:Seleccionar el contenido Código: [dailymotion][/dailymotion]
[Tienes que estar registrado y conectado para ver esa imagen]	Insertar un contenido flash señalando la dirección del archivo SWF	Código:Seleccionar el contenido Código: [flash(x,y)][/flash]
[Tienes que estar registrado y conectado para ver esa imagen]	Permite modificar el tamaño del texto	Código:Seleccionar el contenido Código: [size][/size]
[Tienes que estar registrado y conectado para ver esa imagen]	Permite modificar el color del texto	Código:Seleccionar el contenido Código: [color][/color]
[Tienes que estar registrado y conectado para ver esa imagen]	Permite modificar el font o estilo de el texto	Código:Seleccionar el contenido Código: [font][/font]
[Tienes que estar registrado y conectado para ver esa imagen]	Permite retirar todos los estilos(color, negrita, ...) en el texto seleccionado	-
[Tienes que estar registrado y conectado para ver esa imagen]	Mostra/Oculta màs botones
[Tienes que estar registrado y conectado para ver esa imagen]	Botón Indice	Código:Seleccionar el contenido Código: [sub][/sub]
[Tienes que estar registrado y conectado para ver esa imagen]	Botón Exponente	Código:Seleccionar el contenido Código: [sup][/sup]
[Tienes que estar registrado y conectado para ver esa imagen]	Desplazamiento horizontal	Código:Seleccionar el contenido Código: [scroll][/scroll]
[Tienes que estar registrado y conectado para ver esa imagen]	Desplazamiento vertical	Código:Seleccionar el contenido Código: [updown][/updown]
[Tienes que estar registrado y conectado para ver esa imagen]	Insertar códigos WOW	Código:Seleccionar el contenido Código: [wow][/wow]
[Tienes que estar registrado y conectado para ver esa imagen]	Código Aelatorio	Código:Seleccionar el contenido Código: [rand][/rand]
[Tienes que estar registrado y conectado para ver esa imagen]	Lanzada de dados	Código:Seleccionar el contenido Código: [roll][/roll]
[Tienes que estar registrado y conectado para ver esa imagen]	Smilies	-
[Tienes que estar registrado y conectado para ver esa imagen]	Inserta fecha actual	-
[Tienes que estar registrado y conectado para ver esa imagen]	Inserta hora actual	-
[Tienes que estar registrado y conectado para ver esa imagen]	Insertar el texto sin formato	-
[Tienes que estar registrado y conectado para ver esa imagen]	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
  
  [Tienes que estar registrado y conectado para ver esa imagen]
  
  
  
  
  
  
  
  
• Aparición directa de los botones spoiler y ocultar en la barra de edición
  
  [Tienes que estar registrado y conectado para ver esa imagen]
  
  
  
  
  
  
  
  
• Al insertar una imagen es posible escoger el ancho y la altura
  
  [Tienes que estar registrado y conectado para ver esa imagen]
  
  
  
  
  
  
  
  
• Al insertar un url es posible poner una descripción
  
  [Tienes que estar registrado y conectado para ver esa imagen]
  
  
  
  
  
  
  
  
• Se pueden escoger un montón de nuevas colores
  
  [Tienes que estar registrado y conectado para ver esa imagen]
  
  
  
  
  
  
  
  
• Al pinchar el botón "Más botones" aparecen y desaparecen otros botones
  
  [Tienes que estar registrado y conectado para ver esa imagen]
  
  
  
  
  
  
  
  
• Se pueden añadir la fecha y la hora del momento
  
  [Tienes que estar registrado y conectado para ver esa imagen]
  
  
  
  
  
  
  
  
• Se puede copiar un texto desde una pagina word o otros sitio y pegarlo sin formato
  
  [Tienes que estar registrado y conectado para ver esa imagen]
  
  
  
  
  
  

Da gusto, cada día nos facilitáis mas el poder acceder e intervenir en el foro.

 a los Administradores y Moderadores del foro.

Todo lo que sean mejoras, se agradece. Bien por vosotros...

Vamos pálante !!!!!!!!!!! Como os lo currais.
Gracias.

¿Puedo encontrar en algún sitio las instrucciones para insertar fotos?

Gracias

Creo recordar que no hay un hilo específico para ello pero te puedo explicar cómo lo hago yo. Utilizo el botón de "alojar imagen" que aparece en la barra de herramientas.

En el cuadro que se despliega hay un botón verde que dice "select files". Pinchas en él y escoges la foto que quieras subir.

Una vez seleccionada la foto haces click en la flecha azul que aparece a la derecha de la imagen seleccionada. Aparecerán tres líneas con códigos.

Seleccionas el código de la segunda fila, lo copias y pegas en el mensaje donde quieras que aparezca la foto y ya está. Prueba porque es más fácil hacerlo que contarlo

Te lo agradezco mucho. Disculpa que no lo haya hecho antes, pero he estado muy liado.
Voy a intentar subir algunas ahora mismo.

elisa escribió:

Creo recordar que no hay un hilo específico para ello pero te puedo explicar cómo lo hago yo. Utilizo el botón de "alojar imagen" que aparece en la barra de herramientas.

En el cuadro que se despliega hay un botón verde que dice "select files". Pinchas en él y escoges la foto que quieras subir.

Una vez seleccionada la foto haces click en la flecha azul que aparece a la derecha de la imagen seleccionada. Aparecerán tres líneas con códigos.

Seleccionas el código de la segunda fila, lo copias y pegas en el mensaje donde quieras que aparezca la foto y ya está. Prueba porque es más fácil hacerlo que contarlo

Alguien me puede indicar como se pueden girar las fotos. Hay muchas veces que me aparecen tumbadas y no se como enderezarlas. Gracias

Desde el programa para subir fotos no se hacerlo. Si me pasa eso una vez subida al hilo, yo la descargo en el ordenador (boton derecho y "guardar imagen como", la abro, la giro, edito el mensaje quitando el código antiguo y la vuelvo a subir. No será la manera más ortodoxa de hacerlo pero no me queda otra