Contacto

Módulo Linkit, potenciando enlaces de CKEditor

La importancia de los editores de texto en una página web es vital, un usario editor o redactor la tendrá como principal herramienta. CKEditor es considerado como uno de los más flexibles y potentes. En está oportunidad veremos como potenciar una principal caracteriztica del editor "los enlaces".

Linkit es un módulo muy interesante que se complementa con el editor por defecto en Drupal 8 CKEditor, nos ayuda a no cometer errores al momento de agregar enlaces, debido a que estaremos seguros de que la ruta existe y no será un enlace roto que por el contrario nos perjudica en el SEO.

 

El módulo nos resalta 3 principales ventajas:

  1. La comodidad de no tener que copiar o recordar una ruta.
  2. Es una solución sólida para enlaces internos.
  3. Una interfaz simple.

 

La instalación del módulo es el mismo proceso estándar de todos los módulos.

 

Configuración:

  • Linkit nos permite crear perfiles de una manera muy sencilla en la siguiente ruta: admin/config/content/linkit
  • Al agregar un perfil tenemos que agregar un nombre obligatorio y podríamos llenar una descripción opcionalmente.
  • Al guardar ese perfil debemos agregar matchers (Esto lo interpretaremos como empatadores), estos se agregan uno por uno con sus respectivas configuraciones

 

En la siguiente imagen podemos ver las opciones que nos muestra la interfaz.

Agregar matcher

 

En este caso seleccionaremos solo 1 "matcher" veremos las siguientes opciones

editar matcher seleccionado

 

Luego continuamos con la integración de Linkit en la sección "Formato y editores de texto" admin/config/content/formats y al editar alguno de ellos (Por ejemplo HTMLbásico)

 

Arrastramos el botón del módulo linkit a la interfaz del editor

arrastrar boton en ckeditor

 

Luego se habilitará una configuración de Linkit donde debemos seleccionar un perfil (previamente establecido con sus matchers).

Extensión que muestra el perfil creado.

 

Finalmente será cuestión de probar la nueva funcionalidad en donde tengamos implementado el editor adecuado.

Funcionalidad linkit en acción

 

La funcionalidad de administrar atributos en los enlaces lamentablemente ya no tiene soporte desde la versión 8.x-5.x pero se puede cubrir esa necesidad con el siguiente módulo D8 Editor advanced link el cual mejora la opción de editar un enlace en CKEditor permitiendo definir atributos como "title". "class", "id", "target", "rel" todos estos muy utiles.

Modulo editor advanced link module

 

Un detalle muy importante con el módulo D8 Editor advanced link es que si las etiquetas HTML permitidas están activas será necesario añadir los atributos "title", "class", "id", "target" y/o the "rel" solamente para que se muestre en la nueva interfaz.

 

 

Añadir nuevo comentario

HTML Restringido

  • Etiquetas HTML permitidas: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • Saltos automáticos de líneas y de párrafos.
  • Las direcciones de correos electrónicos y páginas web se convierten en enlaces automáticamente.
CAPTCHA
Esta pregunta para comprobar que eres una persona real e impedir el envío de SPAM.