Editor de texto enriquecido (CKEditor)

A lo largo del Management Center, algunos objetos contienen campos en los que puede realizar tareas de edición y formato de texto. Por ejemplo, puede crear una lista con viñetas, o añadir código HTML para mejorar la visualización de texto en el escaparate.

Los campos siguientes del Management Center dan soporte a la edición de texto enriquecido:

Lista de campos que soportan CKEditor en el Management Center

Herramienta de Management Center Campos
Catalogs tool
  • El campo Descripción completa en las propiedades de un producto, código de artículo, paquete y kit.
  • El campo Descripción completa en las propiedades de una categoría.
  • El campo Descripción completa en las propiedades de un catálogo de ventas.
herramienta Marketing
  • El campo Contenido del correo electrónico en las propiedades de una plantilla de correo electrónico.
  • El campo Texto en las propiedades de contenido de marketing.
Herramienta Promociones
  • El campo Descripción completa visible para el cliente en las propiedades para una promoción, en la pestaña Descripciones.
Commerce Composer tool
  • El campo Texto de visualización en las propiedades del widget de Editor de texto.

Editor de texto enriquecido CKEditor

El editor de texto predeterminado del Centro de gestión es CKEditor. El Management Center utiliza una versión personalizada de CKEditor 4.2.2.1. En la imagen siguiente se muestran las opciones de edición disponibles con CKEditor:
Iniciar CKEditor
HCL Commerce Version 9.1.6.0 or later

Para obtener más información sobre las diferentes opciones de la barra de herramientas, consulte Editar texto en CKEditor.

CKEditor da soporte a dos modalidades para editar contenido: modalidad de editor y la modalidad de fuente.
  • Modalidad de editor Edite el contenido con las opciones de la barra de herramientas y vea los cambios a medida que los realiza.
  • Modalidad de fuente: Añada código HTML personalizado para editar el contenido.
Importante: CKEditor garantiza que se genere el código HTML adecuado. Como resultado, al utilizar CKEditor para editar el contenido que contiene código HTML, CKEditor puede corregir o eliminar el código que el editor no pueda interpretar. Este comportamiento se produce raramente, pero puede producir resultados inesperados. Se recomienda hacer una copia de seguridad del contenido que cree que podría verse afectado antes de utilizar CKEditor. Si, continuamente, surgen problemas en los que CKEditor modifique el código HTML, un desarrollador de TI puede personalizar CKEditor para evitar que éste corrija o elimine código. Para obtener más información, consulte CKEditor Developers Guide.

Ventajas de CKEditor

CKEditor incluye las características siguientes:
  • Editar contenido utilizando las opciones Deshacer, Rehacer y Pegado especial.
  • Importar elementos diferentes, como tablas, líneas y caracteres especiales.
  • Utilizar plantillas para proporcionar un inicio rápido de contenido estándar.
  • Corregir automáticamente el código HTML roto para garantizar que se genere el código HTML adecuado. Por ejemplo, un desarrollador de tiendas puede proporcionar código HTML para añadir a un campo de texto enriquecido. Si al código HTML le falta código de cierre de negrita (</b>), CKEditor inserta el código que falta automáticamente.
La tabla siguiente muestra las funciones de CKEditor.
Características del editor
Características del editor CKEditor
Editar/ver código fuente
Página nueva
Vista previa
Imprimir
Iniciar desde plantilla
Cortar
Copiar
Pegar
Pegar como texto sin formato
Pegado especial
Pegar de Word
Deshacer
Rehacer
Buscar y sustituir
Sustituir
Seleccionar todos
Negrita
Cursiva
Subrayado
Tachado
Subíndice
Superíndice
Borrar formato
Lista numerada
Insertar/eliminar lista numerada
Lista en viñetas
Insertar/eliminar lista con viñetas
Aumentar sangrado
Reducir sangrado
Cita de párrafo
Crear contenedor Div
Alinear a la izquierda
Alinear al centro
Alinear a la derecha
Alineación justificada
Dirección del texto de izquierda a derecha
Dirección del texto de derecha a izquierda
Enlace de URL
Eliminar enlace
Insertar marcador de documento
Insertar imagen
Insertar película Flash
Insertar tabla
Insertar línea horizontal
Insertar símbolo
Estilo (por ejemplo Codificación, Título rojo)
Formato de párrafo
Font
Tamaño de letra
Color del texto
Color del fondo
Maximizar ventana del editor
Mostrar bloque
Comprobar ortografía
Acerca de CKEditor

Limitaciones del navegador CKEditor

Para obtener mejores resultados, utilice el navegador Mozilla Firefox con CKEditor.

Limitaciones del navegador

Navegador Notas de uso
Google Chrome Puede que la ventana de CKEditor no se abra si utiliza el navegador Chrome porque el navegador no da soporte a este tipo de ventana modal.
Internet Explorer Puede encontrarse con limitaciones de CKEditor en algunas versiones de Internet Explorer cuando esté formateando texto y tablas. Tal vez los menús desplegables o de pulsación del botón derecho del ratón (contexto) en CKEditor no se visualicen ni trabajen de acuerdo con lo previsto.
Para evitar este problema con los menús desplegables y de pulsación del botón derecho del ratón, añada el URL del servidor web del Centro de gestión como un sitio de confianza en Internet Explorer:
  1. Abra Opciones de Internet, pulse la pestaña Seguridad y a continuación, pulse Sitios de confianza.
  2. Pulse Sitios y a continuación, añada el sitio del servidor del Centro de gestión a la lista de sitios de confianza, por ejemplo: https://mymanagementcenter.com
  3. Borre la memoria caché del navegador y, a continuación, cierre y vuelva a abrir el navegador.