AjedreMas





Conectarse

Recuperar mi contraseña

Últimos temas
» ChessBase 14
Ayer a las 08:26 am por pmsolla

» Chess Assistant 13 + Houdini 3
Ayer a las 07:44 am por pmsolla

»  Fritz 13 Multilenguaje (Español)
Ayer a las 07:07 am por pmsolla

» Houdini 3 Interfaz Portable
Ayer a las 07:05 am por pmsolla

» Los Grandes Maestros del Tablero – Richard Réti (pdf)
22/08/17, 03:51 pm por Juan Torres

» Training in cb format
13/08/17, 10:37 am por Domlug

» 7 libros en Español formato ChessBase "Imperdibles"
28/07/17, 09:01 pm por chins99

» Agradecimiento.
28/07/17, 08:25 pm por chins99

» ALFIL-27 1.1 ctg
28/07/17, 02:03 pm por davilor31

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 :




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