CKEditor - Cómo instalar un editor de texto similar al Word para los productos de OsCommerce.

Más sobre el programa :: Requerimientos :: Videos :: Actualizaciones

Una de las deventajas para cualquiera que ha instalado recientemente el CMS OsCommerce para crear un sitio web de venta online, es que al comenzar a cargar artículos en la tienda, se da cuenta que el texto que se ingresa para describir cada uno de los artículos del catálogo, no permite añadir texto con formato.

Esto es muy incómodo y un gran problema, ya que cualquier texto o contenido que tenga formato, por ejemplo texto subrayado, con negrita, imágenes, enlaces, etc ..., no se visualizará Sólo se cargará el texto plano pero sin el formato y demás contenido.

Con este excelente plugin creado con la librería jQuery, podrás tener un editor HTML muy completo, para poder crear tus artículos y productos con imágenes, videos, enlaces, y cualquier formato de texto.

Con el editor podrás ir creando tus artículos como si lo harías en un procesador de texto como por ejemplo el Word o como un editor de páginas web simple. Todas las funciones están disponibles desde una barra de herramientas: Para añadir tablas, formatear la fuente, inclusión de gráficos etc ..

Para saber más sobre OsCommerce pulsá este enlace.

Nota: Este plugin sólo funciona para la última versión de OsCommerce. ( Para la versión 2.3 )

Mas información sobre el programa.

indice del contenido.

  1. Vista previa del editor.
  2. Instalación del plugin.
  3. Editar el archivo html_output.php.
  4. Editar el archivo template_top.php.
  5. Último paso para instalar el editor HTML.

 

1 - Vista previa del editor.

Cómo es sabido, para ingresar un nuevo producto al catálogo de OSCommerce, lo debemos hacer desde la interfaz de administración, en el menú Categorías y productos, y luego añadir nuevo producto.

Este es el editor simple que trae por defecto OsCommerce.

Y esta otra imagen muestra el editor o plugin CKEditor para OsCommerce 2.3.

Las funciones que permite usar CKEditor son:

  • Funciones de impresión y vista previa.
  • Cortar, copiar, pegar, deshacer, Pegar desde Word con formato, etc ..
  • Buscar, reemplazar texto.
  • Utilizar un corrector ortográfico.
  • Añadir campos y elementos de formulario.
  • Subrayado, negrita, añadir listas ordenadas, viñetas, sangría, añadir DIVS.
  • Incluir imágenes, videos, contenido Flash, tablas, líneas, emoticones, iframes, otros.

2 - Instalación del plugin.

Antes que nada, deberemos descargar el componente CKEditor a nuestra PC pulsando en este enlace.

Ahora descomprimir el archivo ZIP anterior. Conectar nuestro FTP y subir todos los archivos a la carpeta admin/ext/, es decir quedaría de la siguiente forma: admin/ext/ckeditor.

Vista previa de la estructura de directorio de la carpeta Admin/Ext de OsCommerce en el cliente FTP.

3 - Editar el archivo html_output.php.

Ahora, deberemos hacer una simple modificación en el archivo html_output.php. este archivo se encuentra en la carpeta admin/includes/functions.

Dentro de este fichero, buscar la línea que dice tep_draw_textarea_field en la línea 252, por este fragmento de código. Nota: Es recomendable abrir el archivo con algún editor de páginas web para visualizar el número de líneas, por ejemplo con el Dreamweaver.

Este es el fragmento de código que deberás colocar en la línea 252.

$field = '<textarea name="' . tep_output_string($name) . '" id="' . tep_output_string($name) . '" cols="' . tep_output_string($width) . '" rows="' . tep_output_string($height) . '"';

4 - Editar el archivo template_top.php.

Ahora, modificaremos el último archivo. Abrimos el fichero template_top.php ubicado en la carpeta admin/includes, y antes de la etiqueta de cierre de la sección HEAD, es decir de la etiqueta </head>, colocar o añadir este código PHP.

Listo, ahora ya podemos guardar los archivos y volver a subirlos nuevamente con nuestro cliente FTP ( Se recomienda utilizar el cliente FTP FileZilla).

Nota: Es recomendable también antes de sobreescribirlos, hacer una copia de los archivos originales html_output.php y template_top.php.., por ejemplo antes de subir los archivos modificados, renombrar los originales a copia-html_output.php y copia-template_top.php

5 - Último paso para instalar el editor HTML.

Cómo último paso, sólo queda iniciar sesión en el panel de administración de OsCommerce y habilitar el módulo. Para ingresar al panel de administración, tipea:

http://www.tusitio.com/directorio_de_oscommerce/admin.

Una vez dentro del panel de Administración del CMS, hacemos clic en la pestaña Configuración, luego en My Store o Mi tienda, y seleccionamos la opción de la lista Use CKEditor

Ahora lo habilitamos pulsando en el botón Edit ubicado a la derecha, seleccionamos la opción True, y presionamos el botón Save para guardar los cambios, para que de este modo el editor quede habilitado.

Si todo se ha realizado correctamente, al editar o crear un nuevo artículo o producto en el sitio web, se debería cargar el nuevo editor.

Vista previa del editor HTML en la página para añadir nuevos productos.

 


Requerimientos de instalación y uso.

Requiere OsCommerce versión 2.3.


Videos tutoriales.

No hay videos sobre este tema.

Cambios, actualizaciones y mejoras del programa.

Buscar programas


Introduce los términos de búsqueda ...

Enlaces patrocinados.


Detalles y descargar

Web:
--
Licencia:
Gratis - Software libre
Versión:
--
Idioma:
Inglés
Programa actualizado:


Si te ha gustado esta página, programa o artículo puedes votar haciendo clic en este botón: