Documentación DropEditor

Introducción

DropEditor es un editor de texto gratuito para Joomla. Ya sea que sea un redactor de contenido ocasional o regular, DropEditor le ahorrará mucho tiempo con características únicas incorporadas.

 

I. INSTALACIÓN DROPEDITOR

1.1 Instalar

Nuestro componente es compatible con Joomla 3.x. Todas las características y las integraciones de terceros se incluyen en todas las membresías.
Para instalar nuestro componente, debe descargar la extensión .zip y usar el instalador estándar de Joomla.

 

joomla-install

 

Luego, haga clic en Examinar> Botón Cargar e instalar, los componentes, módulos y complementos se instalarán activados de forma predeterminada.

1.2 Actualización y actualizador automático

Para actualizar la extensión, puede instalar una nueva versión sobre la anterior descargando el archivo ZIP de JoomUnited o utilizar el actualizador automático (recomendado).

 

dropeditor-actualización

 

El actualizador automático, que envía la notificación de actualización, está integrado en la extensión de Joomla que ha instalado. Por lo tanto, recibirás una notificación como cualquier otra extensión en el panel o mediante el menú: Extensión> Gestionar> Actualizar menú.

Inicie sesión en su cuenta para actualizar

Debe iniciar sesión en su cuenta de JoomUnited para actualizar todas las extensiones de JoomUnited de Joomla. Para iniciar sesión acceda a la configuración principal del componente y haga clic en Pestaña de actualización en vivo. En la parte inferior, encontrarás un botón de inicio de sesión.

 

actualización en vivo

 

Ingrese sus credenciales de JoomUnited, las mismas que usa para iniciar sesión aquí @ www.joomunited.com

 

login-joomunited

 

El botón se pondrá naranja, felicidades! ¡Ahora puede actualizar todas las extensiones de JoomUnited en este sitio web! Si su membresía ha caducado, recibirá un enlace de renovación y un texto que lo explicará.

 

vinculado a la cuenta

Nota: un solo inicio de sesión le permitirá actualizar todas las extensiones de JoomUnited (con respecto a su membresía). El inicio de sesión no caducará a menos que lo desconectes.

1.3 Activar el editor.

Para usar DropEditor, debe configurarlo como predeterminado en Joomla Configuración global> pestaña Sitio, configura DropEditor como predeterminado

 

II. Funciones comunes

2.1 herramientas de edición clásica

La idea principal de DropEditor es traer herramientas avanzadas para tareas recurrentes de edición con el fin de ahorrarle la máxima cantidad de tiempo.
La configuración predeterminada de DropEditor es bastante simple, tiene 3 líneas de herramientas, la primera línea está dedicada a administrar imágenes y archivos, y si el administrador de tablas está instalado, las tablas (Droptables).

 

 

Las otras 2 líneas están dedicadas al diseño y gestión de contenido.

 

 

El primer conjunto de esta segunda línea de herramienta está en orden:

  • Configure el editor en modo de pantalla completa, para volver, haga clic en escapar o haga clic en el botón
  • Cancelar / Repetir la última acción, cuando se guarda el contenido, esas herramientas están deshabilitadas porque se ha enviado a la base de datos
  • Alinear y justificar el texto.
  • Lista de viñetas: una herramienta avanzada que veremos en detalles
  • Negrita / cursiva / subrayado: simplemente seleccione un texto y aplique un nuevo formato
  • Caracteres especiales, con vista previa disponible

 

 

Las últimas herramientas (columna, botón, resumen y plantilla, fuente, estilo, formato, enlaces) son avanzadas y se verán en detalles a continuación.

III. HERRAMIENTAS DE EDICIÓN AVANZADA

3.1 Lista de viñetas


La lista de viñetas no es solo una lista básica, podrá crear su propio estilo de lista de viñetas, almacenarla y reutilizarla más tarde. Por lo general, los estilos se definen en su plantilla y deben reutilizarse en todo su sitio web.

 

El botón abrirá un cuadro de diálogo.

 

 

En la parte izquierda puede configurar el icono y el estilo de su lista de viñetas, una vista previa está disponible en la parte derecha.

Si inserta su lista directamente en su contenido con Insertar Botón, sin guardar, "perderá" su estilo (no guardado).

 

 

El boton de guardar almacenará la lista de viñetas en la base de datos y podrá editarla más adelante. Para editar una viñeta, tiene la opción de hacer clic en el bolígrafo dentro de la caja de luz. El botón más insertará la lista y la basura la eliminará.

 

 

También puede utilizar el botón derecho sobre su contenido.

 

 

3.2 administrador de columnas

El administrador de columnas es una herramienta para crear un diseño de columna en su contenido. Al hacer clic en el botón se mostrará un menú con una selección rápida de diseño de columna.

  • 2 columnas
  • 3 columnas
  • 4 columnas
  • 1/4 - diseño 3/4
  • 3/4 - diseño 1/4

 

 

Este es un ejemplo de una inserción de enlace rápido de diseño de 3 columnas en un artículo.

 

 

También es posible definir un diseño personalizado para sus columnas con el Botón personalizado

 

 

Las columnas se pueden crear utilizando arrastrar y soltar para crear o eliminarlas. A continuación, puede establecer tamaños personalizados para cada columna. Finalmente haga clic en Botón de inserción para agregar su diseño a su artículo.

Una lista de menú verde está aquí para restablecer su diseño y aplicar uno predefinido.

 

 

Después de insertar estas columnas en su artículo, puede editarlas haciendo clic derecho sobre ellas y presionando Columna de actualización botón. A continuación, puede cambiar el ancho de las columnas.

 

editar columnas

 

Tenga en cuenta que aplicar un estilo predefinido borrará todo el diseño actual. Para guardar un diseño, utilice la herramienta “Plantilla” (consulte el capítulo 3.5).

3.3 editor de botones

El administrador de botones le permitirá crear su propio estilo de botón, almacenarlo y reutilizarlo más tarde. Por lo general, los botones están definidos en su plantilla y deben reutilizarse en todo su sitio web.

 

El editor de botones es bastante similar a la interfaz de la lista de viñetas, podrá crear un estilo utilizando la herramienta de la ventana del lado izquierdo y luego Insertar / Guardar / Editarlo.

 

 

Tiene la opción de definir el fondo, los estilos de borde y el efecto de desplazamiento del mouse. Para insertar un botón en el contenido, tiene la opción de hacer clic en el botón Insertar o en el símbolo + de un botón guardado.

 

 

También puede editar y guardar un estilo existente, simplemente haga clic en el lápiz y cambie los parámetros o haga clic derecho en el editor.

 

 

Finalmente, puede definir un enlace personalizado para el botón o hacer un enlace rápido a un menú o un artículo.

 

 

3.4 Resumen del artículo

La herramienta de resumen puede generar un resumen automático de todo su contenido en función de los títulos de su contenido. También puede actualizar automáticamente resumen.

 


Para usarlo, agregue títulos en su artículo y luego haga clic en la herramienta de resumen.

 

 

Se añadirá un resumen con ancla a su contenido. También puedes actualizarlo con un clic derecho para regenerarlo.

 

 

Tenga en cuenta que el resumen es solo texto con enlaces de anclaje y se puede editar como desee.

3.5 herramienta de plantilla

La herramienta de plantilla le permitirá guardar todo el diseño de su contenido (estructura HTML) para poder cargarlo más tarde.

 

Haga clic en el botón para Guardar carga un diseño.

 

 

Puedes definir un nombre de plantilla, guardarlo. Para cargar una plantilla, haga clic en su nombre en la zona inferior.

Un administrador de enlaces está disponible con una interfaz que le permite crear enlaces rápidos a contenido, artículos y menús de Joomla


En el cuadro de diálogo, tiene la opción de crear un enlace a la URL personalizada o cargar un contenido de Joomla. Simplemente seleccione un contenido, se generará la URL y haga clic en el botón Insertar.

 

 

3.7 herramienta de anclaje

También está disponible una herramienta de anclaje simple para cargar una página en un punto particular.

 

Puedes agregar un nombre de ancla, luego validar

 

 

Se añadirá un ancla en su contenido.

 


Luego, para crear un enlace a este anclaje, simplemente seleccione un texto, haga clic en el botón de la herramienta de anclaje y seleccione el anclaje creado previamente.

 

 

3.8 fuente de Google

Primero, necesitas habilitar Fuente de Google parámetro en Herramientas de editor lengüeta. A continuación, haga clic en Ver fuente de Google botón, luego aparecerán las fuentes seleccionadas en el editor.

 

 

Finalmente, verás las fuentes en la herramienta editor.

 

 

3.9 Insertar Medios

insertar-media-btnPuede insertar archivos multimedia desde su servidor o YouTube, Vimeo. Primero, haga clic en el Insertar Medios botón en la herramienta Editor.

Después de eso, aparece una ventana emergente, puede agregar el enlace en la pestaña de Youtube o Vimeo. Luego haga clic Insertar botón.

 

insertar-youtube

 

Además, puede elegir un archivo de video o sonido de su servidor en la pestaña Video o Sonido.

 

insertar video

 

3.10 espacios no rompibles

También puede insertar el carácter de espacios no rompibles haciendo clic en el icono nbsp-buttonen la herramienta de edición

 

 

IV. GERENTE DE IMAGEN, ARCHIVO Y TABLA

4.1 Administrador de imágenes Droppics

Droppics es un componente de Joomla utilizado para administrar imágenes y galerías, más información disponible aquí: https://www.joomunited.com/products/droppics

 

Una versión ligera de la extensión está integrada en el editor, en caso de que compre la versión completa, la herramienta se actualizará con la administración de la galería, los temas ...

 

 

La extensión Droppics facilitará la carga y la inserción de imágenes. Haga clic en el botón de selección para cargar una o varias imágenes. Haga clic en una imagen cargada para editar las opciones y en el botón verde para insertar la imagen en su contenido

 

 

Puede elegir agregar miniaturas o el tamaño original de la imagen.

También está disponible un administrador de enlaces para crear enlaces rápidos a una URL, menú o artículo personalizados.

 


Imagen agregada en el contenido como miniatura:

 

 

Tenga en cuenta que en Droppics tiene un importador de imágenes para importar imágenes existentes, puede habilitarlo desde el parámetro del componente Droppics.

 

 

Puede seleccionar una carpeta de servidor y luego hacer clic en el botón de importación.

4.2 Administrador de archivos Dropfiles

Dropfiles es un componente de Joomla que se usa para administrar archivos y clasificarlos, más información disponible aquí:
https://www.joomunited.com/products/dropfiles

 

Una versión ligera de la extensión está integrada en el editor, en caso de que compre la versión completa, la herramienta se actualizará con la administración de categorías de archivos, temas ...

 

 

En el lightbox Dropfiles podrás cargar archivos, editar el título y la descripción del archivo e insertar el archivo en tu editor.

 

 

Archivo en contenido en frontend.

 

 

4.3 Droptables - gestor de tablas

Droptables es un administrador de tablas de Joomla que usa la interfaz de hoja de cálculo de su editor, más información disponible aquí: https://www.joomunited.com/products/droptables
Si compras una versión, la herramienta estará disponible en tu editor.

Avance:

 

 

V. CONTENIDO Y ESTILO

5.1 títulos

La herramienta de título en su editor está aquí para definir todos los niveles de títulos o volver a un párrafo normal.

 

 

Además, en la configuración del editor, tiene opciones adicionales para definir más niveles o anular estilos. Para acceder a la configuración entre en Componente> DropEditor> Estilos personalizados

 

 

En la parte izquierda puede activar hasta 6 niveles de títulos.

 

 

En la parte central puede establecer los nombres de los títulos y definir un estilo personalizado. Esos estilos de títulos anularán tu estilo de títulos.

 

 

5.2 estilos personalizados

Puede definir algunos estilos personalizados que se cargarán a su usuario en la lista desplegable de estilos.

 

 

Algunos estilos ya están creados y puede editarlos, cambiar el nombre de los estilos y la clase o crear los suyos. Todos los estilos se almacenan en un archivo .css dedicado.

 

 

El nombre del estilo se muestra en la lista.

5.3 código fuente

Una herramienta de edición de código fuente está disponible.

 

 

Tendrá acceso al HTML de su artículo, el código fuente utiliza una pantalla de sintaxis coloreada.

VI. PERFILES DE EDITOR

6.1 Activación de perfiles

DropEditor le permite definir el perfil de edición que se aplica al grupo de usuarios dedicado de Joomla. Para acceder a la configuración entre en Componente> DropEditor> Perfiles

 

 

En la pestaña principal puede hacer que el perfil esté disponible para un grupo de usuarios de Joomla en particular, por ejemplo, los grupos utilizados en la interfaz de Joomla.

 

 

También puede restringir el uso del editor a un componente particular de Joomla.

6.2 herramientas de perfiles

Cada perfil tiene sus propias herramientas. Utilice arrastrar y soltar para activar / eliminar herramientas del perfil.

 

 

6.3 Otras herramientas disponibles

Algunas herramientas también están disponibles y no están activadas de forma predeterminada.

Encontrar y reemplazar: Realice una búsqueda y reemplace uno o todos los elementos en el contenido de su editor.

 

 

Tenga en cuenta que esta herramienta también está disponible en modo de código fuente.

 

 

Corrector ortográfico

 


Eliminar herramienta de estilo: hacer que desaparezca todo el estilo css en línea

 

Entonces tienes

  • Copiar / Pegar / Cortar
  • Pegar como texto o desde Word: hay una herramienta automática al pegar un contenido dentro del editor que elimina estilos
  • Seleccionar todo el contenido
  • Vista previa: abre una nueva pestaña con la vista previa del contenido de Joomla
  • Contenido impreso
  • Línea a través
  • Subíndice / superíndice
  • Sonriente
  • Salto de página
  • Lista ordenada
  • Sangría / Vencimiento
  • Citar
  • Tabla HTML
  • Linea horizontal
  • Color de texto
  • Color de fondo

6.4 Importar - exportar estilos / perfiles

También puede importar / exportar sus estilos personalizados o perfiles de editor haciendo clic en el Importación y exportación Botón en la parte superior derecha de los perfiles DropEditor.

 

estilo de exportación

 

Después de eso, aparece una ventana emergente, para que pueda elegir un archivo y luego Ejecutar importación o seleccionar exportar estilos personalizados o perfiles de editor.


¡Feliz edición con DropEditor!