TinyMCE Full completo en el backoffice de Pretashop

TinyMCE Full completo en el backoffice de Pretashop

2vote
1 2 3 4 5
Thank you for vote this article

Muchos habreis notado que la versión de Prestashop 1.6 lleva un bonito editor de texto (TinyMCE). Pero éste es un poco light y le faltan funciones que hechamos de menos.

Pare ello vamos a ver como podemos sacar el máximo partido a este estupendo editor.

¿Cómo cambiar el editor de texto con todas las funciones?

En esta versión de Prestashop es muy fácil. Como ya he mencionado que es necesario modificar un solo archivo. Este archivo es un archivo js (javascript) con execurtion tinymce y código de configuración.

Ruta de acceso a este archivo es: /js/tinymce.inc.js. Así que, por favor, abra este archivo y cambiar el contenido del archivo entero a:

function tinySetup(config)
{
if(!config)
config = {};

//var editor_selector = 'rte';
//if (typeof config['editor_selector'] !== 'undefined')
//var editor_selector = config['editor_selector'];
if (typeof config['editor_selector'] != 'undefined')
config['selector'] = '.'+config['editor_selector'];

// safari,pagebreak,style,table,advimage,advlink,inlinepopups,media,contextmenu,paste,fullscreen,xhtmlxtras,preview
default_config = {
selector: ".rte" ,
plugins : "visualblocks, preview searchreplace print insertdatetime, hr charmap colorpicker anchor code link image paste pagebreak table contextmenu filemanager table code media autoresize textcolor emoticons",
toolbar2 : "newdocument,print,|,bold,italic,underline,|,strikethrough,superscript,subscript,|,forecolor,colorpicker,backcolor,|,bullist,numlist,outdent,indent",
toolbar1 : "styleselect,|,formatselect,|,fontselect,|,fontsizeselect,",
toolbar3 : "code,|,table,|,cut,copy,paste,searchreplace,|,blockquote,|,undo,redo,|,link,unlink,anchor,|,image,emoticons,media,|,inserttime,|,preview ",
toolbar4 : "visualblocks,|,charmap,|,hr,",
external_filemanager_path: ad+"/filemanager/",
filemanager_title: "File manager" ,
external_plugins: { "filemanager" : ad+"/filemanager/plugin.min.js"},
language: iso,
skin: "prestashop",
statusbar: false,
relative_urls : false,
convert_urls: false,
extended_valid_elements : "em[class|name|id]",
menu: {
edit: {title: 'Edit', items: 'undo redo | cut copy paste | selectall'},
insert: {title: 'Insert', items: 'media image link | pagebreak'},
view: {title: 'View', items: 'visualaid'},
format: {title: 'Format', items: 'bold italic underline strikethrough superscript subscript | formats | removeformat'},
table: {title: 'Table', items: 'inserttable tableprops deletetable | cell row column'},
tools: {title: 'Tools', items: 'code'}
}

}

$.each(default_config, function(index, el)
{
if (config[index] === undefined )
config[index] = el;
});

tinyMCE.init(config);

};

Ahora hacemos un override de Validate.php

Ya tenemos una parte, ahora tenemos que decirle a Prestashop que no sea tan estricto cuando valida los carácteres que hemos puesto, por lo que necesitamos hacer un override. Para ello creamos un archivo en

Override -> classes

Ahi creamos un archivo que se llame: Validate.php

Dentro de él ponemos lo siguiente:

class Validate extends ValidateCore
{
public static function isCleanHtml($html, $allow_iframe = false)
{
return true;
}
}

Como cabe recordar, cuando hacemos un override tenemos que eliminar el siguiente archivo:

Cache -> class_index.php

Y nada ya tenemos nuestro Editor de Pretashop a pleno funcionamiento.

Comments

  • Avatar

    JUAN ROCA FORES says :

    2017-04-26 18:10:45

    no va nada de nada.... y ademas creo que es imposible que sea tinymce el unico editor posible a usar. Rogaria de una manera 100% facil expliquen como recupero eso o otro editor pues es necesario

  • Avatar

    Trabajo vertical says :

    2017-01-05 10:20:56

    Tenemos el mismo problema, ayer funcionaba bien el editor de texto en nuestra tienda de EPIS para trabajos verticales y ahora no aparece más que un campo de descripción que lee en html, pero nada más, no sale la caja de edición de texto para descripción corta y larga...

  • Avatar

    andy ponce says :

    2015-01-31 18:36:40

    Hola, me desaparecio el editor de texto, como se soluciona?

  • Avatar

    Bubba says :

    2015-01-22 03:37:32

    Muchas gracias, muy útil y fácil de implementar. Saludos!

  • Avatar

    Duke says :

    2014-12-04 17:28:38

    Para DJ En el archivo "plugin.min.js" que está en js iny_mcepluginsautoresize Modificar los dos parametros overflowY="hidden" y lo ponemos overflowY="auto" Lo que yo necesito es que el tamaño del editor tenga como máximo una altura de 450px y no encuentro donde modificarlo...

  • Avatar

    Duke says :

    2014-12-04 17:28:20

    Para DJ En el archivo "plugin.min.js" que está en js iny_mcepluginsautoresize Modificar los dos parametros overflowY="hidden" y lo ponemos overflowY="auto" Lo que yo necesito es que el tamaño del editor tenga como máximo una altura de 450px y no encuentro donde modificarlo...

  • Avatar

    andres says :

    2014-11-22 00:39:04

    no me funcionó me desapareció el editor de texto, ahora todos los textos de los productos, cuando entro al administrador me salen con . Tengo que hacer algun paso más?

  • Avatar

    dj says :

    2014-09-23 19:11:53

    Muchas gracias, te comento mi problema, además de una forma de complementar el editor. plugins : "visualblocks, preview searchreplace print insertdatetime, hr charmap colorpicker anchor code link image paste pagebreak table contextmenu filemanager table code media autoresize textcolor emoticons fullscreen", toolbar2 : "newdocument,print,|,bold,italic,underline,|,strikethrough,superscript,subscript,|,forecolor,colorpicker,backcolor,|,bullist,numlist,outdent,indent", toolbar1 : "styleselect,|,formatselect,|,fontselect,|,fontsizeselect,", toolbar3 : "code,|,table,|,cut,copy,paste,searchreplace,|,blockquote,|,undo,redo,|,link,unlink,anchor,|,image,emoticons,media,|,inserttime,|,preview,|,fullscreen,", Como puedes ver he añadido la opción fullscreen, la razón es simple, de la forma en que tu lo tienes puesto conforme vas escribiendo las herramientas dejan de verse ya hay que ir subiendo y bajando para poder seguir trabajando con ellas. Por esto añado el fullscreen y las herramientas están siempre visibles, para que funcione correctamente hay q modificar el archivo admin/themes/default/css/admin-theme.css la opción .mce-fullscreen y ahí el valor z-index:999 asi conseguimos que en el editor las herramientas esten siempre visibles de una forma parecida a como lo haría word por ejemplo. Y ahora viene mi problema. En el cuadro donde escribimos el articulo no aparece el scroll porque resulta que lo trata como un elemento html con el código: overflow-y: hidden . Y no hay manera de encontrar este codigo, el inspector de firefox me dice que esta "en linea" pero nada que no aparece. A ver si me puedes ayudar, muchas gracias.

  • Avatar

    roberto says :

    2014-08-16 13:23:43

    Gracias! funciona perfectamente, es facil, gracias por las instrucciones.

Leave a comment

Enter your name
Fill up your name
Fill up your email, we'll never public your email.
Fill up your website
Enter your comment
Enter captcha code above

¡Lo más vendido!