AjedreMas





Conectarse

Recuperar mi contraseña

Últimos temas
Softwares Populares

Editor de texto Wysiwyg : como funciona?

Ver el tema anterior Ver el tema siguiente Ir abajo

Tutorial Editor de texto Wysiwyg : como funciona?

Mensaje por Samuel Rondón el 13/06/13, 02:00 pm

2 -¿Como funciona ?

El WYSIWYG se compone de 2 modos :





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 :





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 SpoilerCódigo:Seleccionar el contenido
Código:
[spoiler][/spoiler]
Oculta el textoCó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 IndiceCódigo:Seleccionar el contenido
Código:
[sub][/sub]
Botón ExponenteCódigo:Seleccionar el contenido
Código:
[sup][/sup]
Desplazamiento horizontalCódigo:Seleccionar el contenido
Código:
[scroll][/scroll]
Desplazamiento verticalCódigo:Seleccionar el contenido
Código:
[updown][/updown]
Insertar códigos WOWCódigo:Seleccionar el contenido
Código:
[wow][/wow]
Código AelatorioCódigo:Seleccionar el contenido
Código:
[rand][/rand]
Lanzada de dadosCó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






"El ajedrez es un juego por su forma, un arte por su contenido y una ciencia por su dificultad. Pero si usted aprende a jugar bien, sentirá entonces una gran alegría". Tigran Petrosian


¡ Hola Invitado !
Por favor lee las NORMAS del Foro.
No doy soporte por Mensajes Privados

avatar
Samuel Rondón
Administrador
Administrador

Mensajes Mensajes : 1102
Reputación Reputación : 344

http://ajedremas.superforo.net/

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.