Del autor: Saludos querido amigo. Para crear materiales del sitio, el administrador debe agregar texto a un área de texto especial. Al mismo tiempo, su formateo se realiza directamente en el área de texto, mediante un editor visual, del que, por supuesto, depende la productividad y la facilidad de uso. Por lo tanto, en este artículo me gustaría considerar un editor conveniente y funcional: el editor JCE para Joomla 3.

Entonces, para aquellos que no conocen Joomla, el editor visual es una biblioteca especial, o mejor aún, una extensión, gracias a la cual la información editada en el área de texto se verá en la página exactamente igual que se ve directamente en el editor. En este caso, el formateo no se realiza manualmente. etiquetas HTML y usando los controles del editor. Esto significa que cualquiera puede formatear el texto, sin necesidad de conocimientos especiales.

Como usted sabe, el sistema de gestión de contenido Joomla, por así decirlo, listo para usar, viene con dos editores visuales integrados: CodeMirror y TinyMCE. Lo mejor, por supuesto, es el segundo, pero aún así, en términos de facilidad de uso y flexibilidad de configuración, no es muy bueno. Por lo tanto, recomendaría que para un sitio donde se espera que se agreguen con frecuencia materiales grandes con formatos complejos, utilice un editor más conveniente y funcional.

Actualmente creado gran número varios editores visuales para Joomla 3. Podemos verificar esto yendo a la sección "Editores" del sitio web oficial de extensiones de Joomla.

Cada una de las extensiones disponibles tiene ciertas ventajas y desventajas, pero aún así, como ha demostrado la práctica, el editor JCE para Joomla 3 es el más conveniente y funcional. Así que hagamos clic en el título. este editor y vaya a su página de descripción.

Después de descargar la extensión del editor en forma de archivo .zip, instálela de forma estándar usando el administrador de extensiones.

Pero no se apresure a empezar a trabajar con el nuevo editor para Joomla 3 todavía, ya que para trabajar más cómodamente necesita descargar el paquete de localización. Para hacer esto, regrese al sitio web de los desarrolladores y usando el menú principal, vaya a la página "Idiomas" (Menú principal->Descargas->Idiomas).

Tendencias y enfoques modernos en el desarrollo web.

Aprenda el algoritmo para un rápido crecimiento desde cero en la creación de sitios web

Una vez seleccionado el idioma de interés, haga clic en el botón "Crear paquete" para crear un archivo y luego, usando el botón "Descargar", descargue el paquete de localización listo para la instalación. Sin embargo, este paquete no se puede instalar usando el administrador de extensiones, ya que se trata de una localización del componente del editor y su instalación debe realizarse desde el panel de control de JCE.

Ahora, debes ir a la configuración global. CMS Joomla(Menú principal->Sistema-> Configuraciones generales) y en la pestaña "Sitio", en la lista desplegable "Editor predeterminado", seleccione el editor recién instalado para Joomla 3.

Después de guardar la configuración, vayamos al administrador de materiales y en la página para agregar un nuevo material, verifiquemos la funcionalidad del nuevo editor visual.

El editor visual JCE Editor, además de su funcionalidad, destaca por su flexibilidad en cuanto a configuración. Para acceder a la configuración, debe ir al panel de control del editor usando el menú de componentes (Componentes->Editor JCE).

Para instalar un paquete de localización, vaya a la sección "Instalar complementos", seleccione el archivo con el archivo y haga clic en el botón "Instalar paquete" para instalar. Después de actualizar la página en el navegador, se aplicará la localización instalada.

La sección "Configuración general del editor" contiene la configuración básica del editor.

Como puedes ver, hay bastantes configuraciones, pero no las comentaré ahora, ya que para cada una de ellas buena descripción en ruso.

En la sección “Perfiles de editor” puede crear o editar un perfil de trabajo de editor. Un perfil es una configuración del editor para un grupo específico de usuarios. Como sabes, cada grupo de usuarios en Joomla tiene sus propios privilegios y poderes específicos. En consecuencia, si para algunos grupos es necesario limitar la funcionalidad del editor, es decir, limitar la cantidad de controles disponibles, entonces es necesario crear nuevo perfil, o editar uno de los estándar. Nuevamente, ahora no estoy proporcionando una descripción de la configuración del perfil, ya que hay muchas y esto no es necesario: la interfaz de la página de configuración es intuitiva y, además, cada parámetro va acompañado de descripción detallada.

Por lo tanto, como puede ver, el editor JCE es más conveniente que las herramientas que vienen con la funcionalidad estándar. El trabajo con este editor se analiza con más detalle en el curso.

Esto concluye esta lección. ¡¡¡Todo lo mejor para ti y feliz codificación!!!

Tendencias y enfoques modernos en el desarrollo web.

Aprenda el algoritmo para un rápido crecimiento desde cero en la creación de sitios web

Veamos nuevamente el editor de material visual más avanzado y de mayor calidad para Joomla 2.5/3.x. Una herramienta ampliamente funcional le permite simplificar y acelerar significativamente el proceso de creación de materiales para las páginas de su sitio web. Significativamente más rico que el estándar TinyMCE.

editor de texto JCE ( Editor de contenidos Joomla) es un paquete completo de extensiones. En el sitio web de desarrolladores de JCE puedes descargarlo tú mismo. Componente JCE-Editor, complementos a el y Rusificador. Los desarrolladores han lanzado solo uno de forma gratuita. complemento - MediaBox.

Instalación editor JCE y el complemento JCE MediaBox se produce de la forma estándar: Extensiones -> Administrador de extensiones. Russifier y otros complementos se instalan a través del incorporado Instalador del editor JCE: instalar complementos.

Después de la instalación, debe habilitar el editor JCE de forma predeterminada. Sitio web -> Configuración general. en la columna "Editor predeterminado" nosotros exhibimos "Editor-JCE".

Al copiar y pegar texto de Microsoft Word o desde Internet, el editor copia el texto junto con estilos y diseños. El editor JCE no elimina esta "basura" y luego aparece en su sitio. Por lo general, el texto se copia primero en el Bloc de notas y luego en Joomla.

Sin embargo, algunas cosas se pueden configurar en editor JCE para optimizar estas manipulaciones. En el panel de control de componentes en la pestaña "Perfiles del editor" abre la plantilla Por defecto.

en el marcador Opciones de complemento elegir Portapapeles y establecer:

  • Limpieza de Microsoft Word - "Siempre"
  • Atributos de clase - "Sí"
  • Eliminar todos los SPANS - "Sí"
  • Eliminar todos los estilos - "Sí"

Ahora pegando material de Microsoft Word en la ventana del editor JCE usando los mismos atajos de teclado Ctrl-C Y Ctrl-V o usando el botón Pasta en la barra de herramientas del editor se llevará a cabo sin basura innecesaria.

Otra forma, sin profundizar en la configuración del editor JCE, es insertar texto en un cuadro de diálogo adicional que se abre haciendo clic en el icono Pegar como texto sin formato. Este método inserta texto de forma más limpia.

Para crear contenido en un sitio administrado por Joomla, el administrador necesita agregar texto a un área especial; El formateo de texto en esta área se realiza mediante un editor visual, del que dependen directamente las capacidades de formato y la facilidad de realizar el trabajo.

El editor TinyMCE está integrado en Joomla de serie, pero es posible instalar adicionalmente otro editor visual.

Uno de los mejores es el editor JCE (Joomla Content Editor), que no es solo un editor, sino un gran conjunto de extensiones para trabajar con casi cualquier tipo de material (gracias a conjunto enorme herramientas ubicadas en el espacio de trabajo del editor).

Por supuesto, el formato del texto en este editor no se realiza mediante la inserción de etiquetas especiales; El editor trabaja según el principio de "lo que ves es lo que obtienes". TinyMCE funciona según el mismo principio, pero JCE es significativamente superior en funcionalidad. Así, el editor cuenta con más de 50 funciones que pueden resultar útiles al administrador a la hora de crear material; sin embargo, él no necesita saber nada lenguaje HTML, sin mencionar los lenguajes de programación.

Características principales del editor JCE:

  • formatear texto utilizando herramientas y botones ya familiares que se encuentran en la mayoría de los editores visuales;
  • adición y posterior modificación de tablas;
  • agregar enlaces a cualquier elemento de Joomla;
  • es posible asignar un estilo a cualquier elemento (el estilo en sí debe especificarse primero en el archivo template.css);
  • agregar y quitar varios botones/herramientas del panel de control;
  • crear perfiles (por ejemplo, específicamente para el administrador o usuarios registrados);
  • posibilidad de localización e instalación de complementos adicionales;
  • Excelente compatibilidad entre navegadores.

En el recurso oficial para desarrolladores puede obtener el componente JCE en sí, un código de localización y complementos. Sin embargo, observamos que solo hay un complemento gratuito disponible llamado MediaBox (los complementos en sí están diseñados para ampliar la funcionalidad del editor). Para descargar el editor, vaya a la URL: https://www.joomlacontenteditor.net/downloads/editor/joomla-3
https://www.youtube.com/watch?v=h6Og8o3cuUA
Después de descargar la extensión, puede instalarla de la forma predeterminada. En esta misma etapa, vale la pena instalar un cracker usted mismo. Para hacer esto, siga el enlace https://www.joomlacontenteditor.net/downloads/languages, seleccione el idioma que necesita y haga clic en el botón "Crear paquete" para crear un archivo, y luego haga clic en el botón "Descargar". Tenga en cuenta que no es posible instalar el archivo de localización de la forma estándar: la instalación se realiza directamente desde el panel del editor JCE.
Para instalar Rusificación, vaya a la sección "Instalar complementos", seleccione la localización descargada y haga clic en el botón "Instalar paquete". Inmediatamente después de recargar la página, el editor estará en ruso. Ahora vaya a la "Configuración global" de Joomla y en la pestaña "Sitio" en el menú desplegable, vaya a "Editor predeterminado" y luego busque el editor JCE. Para acceder a la configuración del editor, debe seguir la ruta "Componentes" - "Editor JCE".

En la sección "Perfiles del editor", puede crear un perfil de trabajo nuevo o editar uno existente. Si has trabajado con Joomla, entonces entiendes perfectamente que cada grupo de usuarios tiene sus propios privilegios y poderes; Para algunos grupos de usuarios, las capacidades del editor se pueden reducir o, por el contrario, ampliar. No es necesario describir todas las configuraciones del perfil, porque hay muchas y después de instalar la localización, todo se volverá intuitivo.

Mucha gente pega texto de Microsoft Word, pero después de pegarlo en el editor, el texto puede "torcerse" a su manera. Para evitar que esto suceda, configure los siguientes parámetros:

  • Limpieza de Microsoft Word: siempre;
  • Atributos de clase – Sí;
  • Eliminar todos los tramos: sí;
  • Eliminar todos los estilos: sí.

https://www.youtube.com/watch?v=r3bUL0mjht4
Ahora, después de copiar texto de Word usando el botón Pegar o Ctrl-V, el texto se insertará sin basura innecesaria. Eso es todo, ahora intente crear un nuevo material usando JCE e inmediatamente comprenderá que este editor tiene muchas más funciones que el estándar.

En esta lección veremos el editor visual más avanzado y de mayor calidad para crear material para Joomla 2.5/3.x. Comencemos instalando el editor y terminemos configurando los ajustes necesarios para el trabajo.
El editor JCE, a diferencia del TinyMCE estándar, tiene un componente independiente, lo que lo hace más funcional y personalizable. El editor de texto JCE (Joomla Content Editor) es un paquete completo de extensiones para trabajar con casi cualquier material. La amplia funcionalidad de las herramientas ubicadas en el panel de trabajo del editor puede facilitar y acelerar significativamente el proceso de creación de materiales para las páginas de su sitio.

En el sitio web de desarrolladores de JCE puede descargar el componente JCE-Editor, sus complementos y un crack. Los desarrolladores sólo tienen un complemento disponible de forma gratuita: MediaBox. Escribiré sobre el propósito de los complementos en un artículo adicional. Los complementos pagos amplían significativamente la funcionalidad del editor JCE. Al final del artículo, daré un enlace para descargar complementos de mi biblioteca de extensiones (sin scripts maliciosos ni enlaces para zurdos). Estos complementos me funcionan en Joomla 2.5 y Joomla 3.x.
Vaya al sitio https://www.joomlacontenteditor.net/downloads/editor/joomla-3 y descargue última versión editor.


Luego descargue la última versión del complemento JCE MediaBox para Joomla!3.


Y finalmente, descargue el paquete de rusificación para el editor.


Instalación y configuración del editor visual JCE para Joomla 2.5/3.x.
La instalación del editor JCE y del complemento JCE MediaBox se realiza de forma estándar: Extensiones >>> Gerente de extensión. Russifier y otros complementos se instalan a través del instalador integrado del editor JCE. Instalar complementos. Después de la instalación, vaya a Componentes >>> Administración JCE


Ir a la pestaña "Instalar complementos". Hacer clic Navegar- seleccione el archivo de localización ruso para JCE Editor e instálelo Instalar paquete.



Así es exactamente como instalamos los complementos necesarios.


Vaya a la pestaña "Configuración del editor general". Aquí dejamos todo por defecto.


Aquí seleccionamos "Configuración"


En principio, aquí puedes dejar todo por defecto.
Pestaña "Características y diseño" – aquí puedes editar los botones que necesitas simplemente arrastrándolos desde "Diseño del editor actual" V "Botones disponibles" y también viceversa. Vea la imagen a continuación.


Pestaña "Opciones del editor" > "Borrar y generar" – déjalo como predeterminado.


Pestaña Opciones del editor > Tipografía – Aquí también todo nos conviene.


Pestaña "Opciones del editor" > "Sistema de archivos" – dejar sin cambios.


Pestaña "Opciones del editor" > "Avanzadas" - cambiar "No" en "Sí" Permitir Javascript, Permitir CSS, Permitir PHP, Scripts en línea XHTML.


Ahora pasemos a la configuración del complemento. Pestaña "Opciones de complemento" . Marcamos todos los elementos. formateo.

Puedes pasar por todas las posiciones: Formato, salto de artículo, explorador de archivos etc. Por otra parte, me gustaría detenerme en "Portapapeles" .

Al copiar y pegar texto de Microsoft Word en la ventana del editor JCE usando atajos de teclado conocidos Ctrl-C Y Ctrl-V Se copia mucha información innecesaria contenida en estilos y etiquetas. Microsoft Word . Se pueden ver pasando de la vista visual del editor JCE a la vista HTML usando el botón "Alternar editor" . El hecho es que el editor JCE no elimina esta basura, lo que a su vez conduce a un aumento en la cantidad de código de la página y, como consecuencia, a un aumento en su tiempo de carga. Por lo tanto, antes de pegar un artículo en la ventana del editor JCE, primero se debe copiar el material al Bloc de notas y desde allí a la ventana del editor JCE.

Sin embargo, puede personalizar el editor JCE para optimizar y acortar el código sin afectar la apariencia de la página después de insertar material directamente desde Microsoft Word. Configure los parámetros como se indica a continuación.
Limpiar Microsoft Word -seleccionar "Siempre" .
Atributos de clase: "Sí".
Eliminar todos los SPANS - "Sí".
Eliminar todos los estilos - "Sí".
Ahora insertando material de Microsoft Word en la ventana del editor JCE usando los mismos atajos de teclado Ctrl-C Y Ctrl-V o usar el botón "Pegar" en la barra de herramientas del editor se realizará sin basura innecesaria.
Después de la instalación, debe habilitar el editor JCE de forma predeterminada. Para ello vamos a Sitio web > Configuración general > Sitio web . en la columna "Editor predeterminado" nosotros exhibimos "Editor-JCE" . Siguiente clic "Guardar y cerrar".


EN "administrador de materiales" - "crear material" vemos la ventana del editor JCE y su barra de herramientas.


PD Si al intentar insertar una imagen en un artículo, de repente aparecen “locuras” en una ventana emergente, no te enojes, solo necesitas agregarla al archivo. administrador/componentes/com_jce/jce.php después de la línea: definido("_JEXEC") o morir("RESTRICTED"); escribe la siguiente línea: header("Tipo de contenido: texto/html; charset=utf-8");
y todo estará en ruso.
Si tienes alguna duda escribe un comentario al respecto. ¡Gracias por su atención!

El editor visual JCE (Joomla Content Editor) es uno de los editores más funcionales para Joomla 3.x. Con este editor de texto, puede agregar y editar fácilmente materiales del sitio y cambiar su estilo sin tener conocimientos de CSS, HTML y PHP.

Características clave del editor JCE

  • La presencia de la funcionalidad básica de cualquier editor de texto: la presencia botones estándar formato rápido e inserción de etiquetas.
  • Una herramienta conveniente para trabajar con tablas.
  • Cómodo administrador de medios avanzado.
  • Es posible insertar enlaces rápidos a archivos del sitio, materiales u otros enlaces.
  • Posibilidad de agregar estilo rápidamente a parte del texto.
  • Agregar y eliminar varias herramientas del panel del editor.
  • Posibilidad de personalizar el panel del editor. J.C.E..
  • Capacidad para crear diferentes perfiles de editor para diferentes grupos de usuarios.
  • Excelente extensibilidad con complementos.
  • Compatibilidad entre navegadores de la prueba creada.

Extensiones adicionales para el editor JCE

Ventaja principal J.C.E. antes que los competidores: la capacidad de ampliar la funcionalidad. al redactor J.C.E. Hay muchas extensiones adicionales que facilitan la adición de contenido a su sitio.

  • complemento para crear títulos de imágenes
  • conjunto adicional de emoticones para el editor
  • gestor de archivos
  • sistema de archivos Para amazon s3
  • complemento para editar código fuente cualquier elemento de contenido
  • insertar y editar marcos
  • administrador de imágenes avanzado
  • administrador de medios: insertar Destello, tiempo rápido, Windows Media etc.
  • complemento de ventanas emergentes para RocketTema RokBox Y Caja de luz WidgetKit
  • administrador de plantillas de editor
  • complemento comercial JCE Media Box
  • etc.

Distribución del editor JCE

Hay gratis y de pago ( Pro) versión de la extensión, incluidos complementos adicionales. Descargar editor J.C.E. Para Joomla 3.x Es posible desde el sitio web del desarrollador.