DebatiendoCuba
Buscas debates, al duro y sin guante? llegaste al lugar adecuado...te invito a inscribirte..

Mejoras al editor de mensajes , tutorial!!

Ver el tema anterior Ver el tema siguiente Ir abajo

Mejoras al editor de mensajes , tutorial!!

Mensaje por Azali el Miér Jun 12, 2013 7:32 am

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 cursivaCódigo:Seleccionar el contenido
Código:
[color=#484848][font=Verdana][i][/i][/font][/color]






Subrayar el textoCódigo:Seleccionar el contenido
Código:
[u][/u]






Texto rayadoCódigo:Seleccionar el contenido
Código:
[strike][/strike]






Alinear el texto a la izquierdaCódigo:Seleccionar el contenido

Centrar el textoCódigo:Seleccionar el contenido

Alinear el texto a la derechaCódigo:Seleccionar el contenido
Código:
[right][/right]






Justificar el textoCó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 numeradaCó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 estaCódigo:Seleccionar el contenido
Código:
[img][/img]






Insertar un vínculo señalando la dirección y el texto que debe indicarseCó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 dailymotionCódigo:Seleccionar el contenido
Código:
[dailymotion][/dailymotion]






Insertar un contenido flash señalando la dirección del archivo SWFCódigo:Seleccionar el contenido
Código:
[flash(x,y)][/flash]






Permite modificar el tamaño del textoCódigo:Seleccionar el contenido
Código:
[size][/size]






Permite modificar el color del textoCódigo:Seleccionar el contenido
Código:
[color][/color]






Permite modificar el font o estilo de el textoCó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 verticalCó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

_________________

Azali
Admin

Cantidad de envíos : 47782
Fecha de inscripción : 27/10/2008

Volver arriba Ir abajo

Re: Mejoras al editor de mensajes , tutorial!!

Mensaje por Alver el Miér Jun 12, 2013 5:25 pm

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

Cantidad de envíos : 6927
Fecha de inscripción : 26/02/2009

Volver arriba Ir abajo

Re: Mejoras al editor de mensajes , tutorial!!

Mensaje por CalaveraDeFidel el Miér Jun 12, 2013 5:49 pm

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

CalaveraDeFidel

Cantidad de envíos : 18286
Fecha de inscripción : 21/02/2009

Volver arriba Ir abajo

Re: Mejoras al editor de mensajes , tutorial!!

Mensaje por Tetro el Miér Jun 12, 2013 8:46 pm

Esa madre no sirve

Tetro

Cantidad de envíos : 5903
Fecha de inscripción : 08/03/2009

Volver arriba Ir abajo

Re: Mejoras al editor de mensajes , tutorial!!

Mensaje por Tetro el Miér Jun 12, 2013 8:56 pm

No hay espacio para texto

Tetro

Cantidad de envíos : 5903
Fecha de inscripción : 08/03/2009

Volver arriba Ir abajo

Azali, pon automática esa mierda

Mensaje por Tetro el Miér Jun 12, 2013 9:10 pm

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

Tetro

Cantidad de envíos : 5903
Fecha de inscripción : 08/03/2009

Volver arriba Ir abajo

Re: Mejoras al editor de mensajes , tutorial!!

Mensaje por Tetro el Miér Jun 12, 2013 9:17 pm


Tetro

Cantidad de envíos : 5903
Fecha de inscripción : 08/03/2009

Volver arriba Ir abajo

Re: Mejoras al editor de mensajes , tutorial!!

Mensaje por Tetro el Miér Jun 12, 2013 9:22 pm

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

Tetro

Cantidad de envíos : 5903
Fecha de inscripción : 08/03/2009

Volver arriba Ir abajo

Re: Mejoras al editor de mensajes , tutorial!!

Mensaje por Tetro el Miér Jun 12, 2013 9:51 pm

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

Tetro

Cantidad de envíos : 5903
Fecha de inscripción : 08/03/2009

Volver arriba Ir abajo

Re: Mejoras al editor de mensajes , tutorial!!

Mensaje por Tetro el Miér Jun 12, 2013 10:51 pm

Es alli, donde está la flecha


Tetro

Cantidad de envíos : 5903
Fecha de inscripción : 08/03/2009

Volver arriba Ir abajo

Re: Mejoras al editor de mensajes , tutorial!!

Mensaje por Azali el Miér Jun 12, 2013 11:46 pm

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..

_________________

Azali
Admin

Cantidad de envíos : 47782
Fecha de inscripción : 27/10/2008

Volver arriba Ir abajo

Re: Mejoras al editor de mensajes , tutorial!!

Mensaje por Azali el Miér Jun 12, 2013 11:49 pm

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 ...Wink


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

_________________

Azali
Admin

Cantidad de envíos : 47782
Fecha de inscripción : 27/10/2008

Volver arriba Ir abajo

Re: Mejoras al editor de mensajes , tutorial!!

Mensaje por Tetro el Miér Jun 12, 2013 11:54 pm

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

Tetro

Cantidad de envíos : 5903
Fecha de inscripción : 08/03/2009

Volver arriba Ir abajo

Re: Mejoras al editor de mensajes , tutorial!!

Mensaje por Azali el Jue Jun 13, 2013 12:06 am

Wink

_________________

Azali
Admin

Cantidad de envíos : 47782
Fecha de inscripción : 27/10/2008

Volver arriba Ir abajo

Re: Mejoras al editor de mensajes , tutorial!!

Mensaje por CalaveraDeFidel el Jue Jun 13, 2013 5:43 am

Alver, el tutorial lo hizo una de las administradoras de el=>del  foro active
a+ al => al
de+ el => del 
¡Ay, si alguniño levantara la cabeza!

CalaveraDeFidel

Cantidad de envíos : 18286
Fecha de inscripción : 21/02/2009

Volver arriba Ir abajo

Re: Mejoras al editor de mensajes , tutorial!!

Mensaje por Azali el Jue Jun 13, 2013 6:24 am

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

_________________

Azali
Admin

Cantidad de envíos : 47782
Fecha de inscripción : 27/10/2008

Volver arriba Ir abajo

Re: Mejoras al editor de mensajes , tutorial!!

Mensaje por Contenido patrocinado Hoy a las 12:53 pm


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.