Mejoras al editor de mensajes , tutorial!!

10062013

 
¡¡NUEVA PUESTA AL DÍA : MEJORA DEL EDITOR WYSIWYG !!

NUEVA PUESTA AL DÍA : NUEVO EDITOR WYSIWYG

Estimados miembros Tras sus peticiones ForoActivo ha trabajado para mejorar el EDITOR WYSIWYG en el front de sus foros . Quizás ciertos usuarios habían visto que la opción de activarlo desde el PA había desaparecido desde ciertos días Era la sorpresa !!! Aqui está el nuevo editor FOROACTIVO que funciona CON TODOS LOS NAVEGADORES Y POR SUPUESTO CHROME !!! Sé que es una grande sorpresa para todos !!! 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 "rápidas" Ampliar esta imagen.Reducir esta imagen Clic aquí para ver su tamaño original 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 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 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.Reducir esta imagen Clic aquí para ver su tamaño original Una función en modo "código fuente" Ampliar esta imagen.Reducir 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 http://asistencia.foroactivo.com/t134026-nueva-puesta-al-dia-mejora-del-editor-wysiwyg

Gracias,Azali por tu amplia información,muy buenas para los demás ,pero para mi no sirven de mucho,porque yo no entiendo nada.


Pero se ve' bonito.
 Alv.

Alver, hay que agradecerle al gallego los cambios. 
Se nota su mano detrás de la '' utilidad'' de  esos cambios.

Esa madre no sirve

No hay espacio para texto

Es increible, pero lo simple es lo mejor, yo veo las ventajas y las desventajas de cada formato.
Por ejemplo, Azali está poniendo las instrucciones trucadas, asi como a veces salen trucadas las imagenes, lo automatico es mejor, una mezcla de formato MSN y este formato estaría bien,pero a nadie se le ocurre, una de las desventajas de este formato es que no hay otra ventana para los mensajes, en el formato MSN si la hay, si quiero ver los mensajes para poder contestar no los veo, otra de las desventajas es que los mensajes no están numerados, las ventajas de este formato es que puedes editar los mensajes pasados y puedes ver todos tus mensajes y los mensajes de algun miembro del foro.
Ya encontre donde estaba la mierda, tengo que hacer click en el ultimo icono, dos despues del icono de la hora

No era verdad, no puedo poner mensajes, se cierra el espacio para texto

Ya vi donde, es como en Paint, es una lata

Es alli, donde está la flecha

Tetro te acostumbraras, hay muchas cosas nuevas, solo hay que experimentar, abrir mensajes experimentales y jugar con los botones, no te cohibas de hacerlo, yo tengo que aprender a usar bien esto tambien..

Tetro y para lo que dices que te hace falta , como pasaba en MSN , la ventanita aparte, si creo que era muy comodo, yo lo que hago es que abro una nueva pestana en el explorador y miro lo que me hace falta de la discussion..

Alver, el tutorial lo hizo una de las administradoras de el foro active, yo solo lo traje aca, esta muy bueno, no creas que todo me sale facil, pero poco a poco uno se va acostumbrando a las herramientas ...


Los munequitos , el que se rie y es grandote , ahora ahi sale chiquitico
<_-----este, pero al "clikearlo" sale grande

Tetro y para lo que dices que te hace falta , como pasaba en MSN , la ventanita aparte, si creo que era muy comodo, yo lo que hago es que abro una nueva pestana en el explorador y miro lo que me hace falta de la discussion..(Azali)
Es lo que yo hago también

Tu y Socrates como dos gotas de agua..............