Patrocinadores

www.playocio.com



www.pspypda.es

TinyMCE: Uso del editor de post de las comunidades SceneBeta.com

Tutoriales de funcionamiento de la comunidades

Bien, hoy os voy a dejar un tutorial bien sencillo para que podáis aprovechar al máximo el editor de textos que ofrece el Grupo SCENEBETA. Con el podremos trabajar con mucha más facilidad y tendremos muchas opciones para que nuestros comentarios o temas sean ordenados y limpios.

 

Como activarlo por defecto para todos tus post

Iremos al apartado "Mi cuenta", en el menu de la izquierda, y cambiamos la siguiente opcion:

 

 

Usando TinyMCE

TinyMCE es nuestro editor de textos. Es bastante peculiar en muchos sentidos, pero ya vereis que es extremadamente sencillo de usar.

A mi me oireis hablar de el como MiCE (Ratoncito en ingles), es como se conoce de forma cariñosa en la comunidad drupal. Vamos a dividir en tres partes el editor para explicar mejor cada una de ellas.

 

 

1.- Formato

 

1-1 Acciones sobre las letras

Los 4 primeros iconos definen las propiedades de cada letra, por experiencia se que el uso indebido provoca errores en la pagina y el texto parece volverse loco. Os recomiendo siempre usar este metodo.

Escribir el textor normalmente, y al releerlo antes de enviar, seleccionar las palabras o frases que deseeis resaltar, arrastrando con el boton derecho del raton sobre la palabra que querais resaltar.

Ejemplo:

arrastrando con el boton derecho del raton sobre la palabra que querais resaltar.

Iconos en orden

  1. B - Selecciona letra en Negrita, o pulsamos las teclas Ctrl+B para que se ponga negrita.
  2. I - Selecciona letra en cursiva, o pulsamos las teclas Ctrl+I para que se ponga en cursiva.
  3. U - Selecciona letra con subrayado, o pulsamos las teclas Ctrl+U para que se ponga subrayado.
  4. ABC - Tacha el texto. Ejemplo



1-2 Acciones sobre las lineas

El siguiente grupo afecta a toda la linea, por lo que si pulsamos con el cursor en una linea, cambiara en el tipo de alineacion de texto que hayamos seleccionado.

Iconos en orden

  1. Alinea texto a la izquierda. (Opcion por defecto y recomendada)
  2. Centra texto.
  3. Alinea texto a la derecha.
  4. Centra y justifica texto.



1-3 Tamaño de fuente

La celda Styles no tiene opciones, y no debe cambiarse.

La celda Paragraph nos permitira usar distintos tamaños de fuente. Afecta a una linea, si tenemos el cursor en ella, o a un grupo de lineas que hayamos seleccionado. Yo lo suelo usar para crear las distintas categorias de ti­tulos. Por defecto se usa Paragraph.

Paragraph

Address
Preformatted

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6





 

 

 

 

2.- Creando indices, links, fotos y opciones web

 

2-1 Creando indices

Los 2 primeros iconos nos sriven para crear indices. Ya sea un indice por puntos, (me habreis visto usarlos en muchas noticias), o un indice numerado.



2-2 Desplazar Linea

Si pulsamos el segundo icono desplazaremos la linea hacia la derecha que equivale a pulsar 11 veces la barra espaciadora, si le damos al primero igual que antes pero desplazandose a la izquierda.



2-3 Hacer / deshacer

Los iconos Undo y Redo nos sirven para deshacer los cambios en caso de error o volver a un estado posterior en caso de que estemos mirando como queda mejor un efecto determinado.



2-3 Opciones y aspecto de web

Los 2 primeros iconos de cadenas nos sirven para crear o cancelar links. Aconsejo usarlo como cuando subrayamos o ponemos en negrita una palabra. Una vez seleccionado Pinchamos sobre el icono de la cadena y nos aparecera una ventanita similar a esta.

 

 

En link URL ponemos la url de la pagina web.

En Target ponemos la primera opción para que no se abra en una nueva ventana (Solo para links de pesepe.com) y la segunda es para que se abra en una nueva ventana (Solo para links externos al grupo PESEPE).

Normas links

En el caso de abrir una pagina que no sea del grupo pesepe. Seleccionar en target, open link in new window.

En el caso de linkear a alguna pagina interna de SceneBeta.com, en el link se omite http://www.scenebeta.com/, y se copiaria el link sin la parte de la direccion que he resaltado. Por norma los links a scenebeta.com se abren en la misma ventana, los demas, en ventana nueva.

Al pinchar en insert veremos que se nos ha puesto la palabra o frase seleccionadas en azul y el link esta listo para funcionar.

El cuarto (icono del paisaje) sirve para añadir una imagen al cuerpo del post.

 

 

Esto es muy facil, en Image URL ponemos la dirección de la imagen, en Alignment ponemos si quiere que se ponga a la derecha, al centro, a la izquierda... del cuerpo del post. Y en Dimensions por defecto aparecerá el tamaño de la imagen, pero os recuerdo que el tamaño máximo de ancho es de 480 pixeles.

Y el último boton de este apartado sirve para visualizar el post en formato Html.


 

 

3.- Otras funciones

3.1 Crear lineas divisorias

Para crear una linea horizontal tenemos que pulsar el primer icono de la tercera fila.

3.2 Sub/Super índice

Seleccionamos el primer icono y pulsamos una letra o número para colocar este abajo de la letra, y si lo hacemos en el segundo se colocará arriba.

3.3 Insertar carácteres extraños

Para añadir nuevos carácteres al cuerpo del post seleccionamos el último icono, el de la letra Omega:

 

5
Votos totales: 5 (1 voto)

Comentarios

Opciones de visualización de comentarios

Seleccione la forma que prefiera para mostrar los comentarios y haga clic en «Guardar las opciones» para activar los cambios.
Imagen de RuGuEr

Me gusta

Me gusta este tutorial, me a servido mucho ;-).


SaLu2.


 

 

Opciones de visualización de comentarios

Seleccione la forma que prefiera para mostrar los comentarios y haga clic en «Guardar las opciones» para activar los cambios.