 |
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. Vamos a dividir en tres partes el editor para explicar mejor cada una de ellas.
Acciones sobre las letras
Los 2 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:
esta es una negrita para resaltar.
arrastrando con el boton derecho del raton sobre la palabra que querais resaltar.
Iconos en orden
- B - Selecciona letra en Negrita, o pulsamos las teclas Ctrl+B para que se ponga negrita.
- I - Selecciona letra en cursiva, o pulsamos las teclas Ctrl+I para que se ponga en cursiva.
Creando indices
Nos sirven para crear indices. Ya sea un indice por puntos, (me habreis visto usarlos en muchas noticias), o un indice numerado.
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.
Link y Unlink
Los iconos de cadenas nos sirven para crear o cancelar links. Aconsejo usarlo como cuando 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 Destino ponemos la primera opción para que no se abra en una nueva ventana (Solo para links de tugentelatina.com) y la segunda es para que se abra en una nueva ventana (Solo para links externos al grupo tugentelatina.com).
Normas links
En el caso de abrir una pagina que no sea del grupo tugentelatina.com. Seleccionar en Destino, Abrir vinculo en una nueva ventana.
En el caso de linkear a alguna pagina interna de tugentelatina.com, en el link se omite http://www.tugentelatina.com/, y se copiaria el link sin la parte de la direccion que he resaltado. Por norma los links a tugentelatina.com se abren en la misma ventana, los demas, en ventana nueva.
Al pinchar en Insertar veremos que se nos ha puesto la palabra o frase seleccionadas en azul y el link esta listo para funcionar.
Insertando una Imagen
El icono del paisaje sirve para añadir una imagen al cuerpo del post.
Esto es muy facil, en URL de la Imagen ponemos la dirección de la imagen, en Alineacion ponemos si quiere que se ponga a la derecha, al centro, a la izquierda... del cuerpo del post. Y en Dimension por defecto aparecerá el tamaño de la imagen, pero os recuerdo que el tamaño máximo de ancho es de 480 pixeles.
Limpiar codigo basura y HTML
Muchas veces, al estar cambiando de formato, se crean etiquetas <div></div> o que no se han cerrado correctamente, pues pulsando el boton de la brocha se limpiara automaticamente.
El boton HTML es para poder visualizar el HTML de lo que hemos escrito. Tambien podemos pulsar sobre Desactivar editor de textos, situado debajo de los botones.
Crear lineas divisorias
Para crear una linea horizontal separatoria tenemos que pulsar el duodecimo icono.
Limpiar formato
Con este boton borraremos las negritas o cursivas
Insertar carácteres extraños
Para añadir nuevos carácteres al cuerpo del post seleccionamos el icono de la letra Omega:
Acerca de
Este boton es el que nos da la informacion del editor de textos.
Emoticones
Con este boton podremos poner emoticones graficos en nuestros post y comentarios de manera que queden mas simpaticos
Video y codigos (si esta presente)
El boton de video sirve para poder poner videos en nuestros comentarios.
El boton de codigo sirve para poner codigos de manera que dependiendo el lenguaje escogido se resaltaran unas palabras u otras para hacer mas sencilla la explicacion o para que sea mas vistosa una funcion, una llamada, etc.
En caso de que este botón no este presente puede usar el boton de html para insertar un código de video de youtube ó de algun otro sitio web que comparta videos.
