[Tutorial] Cómo Añadir TinyMCE a tu módulo (Prestashop 1.6)

[Open Code Consulting]

Hola a tod@s,

 

Hoy queremos compartir con la comunidad algo tan sencillo como añadir el editor de textos TinyMCE a tu módulo en Prestashop 1.6 utilizando HelperForm.

 

Esto es algo muy sencillo, pero la documentación que hemos visto por internet está obsoleta o incluso es errónea, así que vamos a aclararlo de una forma muy sencilla y fácil.

 

Este es el objetivo que queremos obtener:

 

 

Para esto, sólo debemos de añadir estas 2 líneas de código a nuestro input textarea:

'tinymce' => true,

Y también:

'autoload_rte' => true,

De tal forma que nuestro HelperForm quedaría algo así:

$fields_form = array(
     'form' => array(
          'tinymce' => true,
          'legend' => array(
               'title' => $this->l('Settings'),
               'icon' => 'icon-cogs'
           ),
           'input' => array(
                array( /* INPUT TYPE TEXT */
                     'type' => 'text',
                     'label' => $this->l('Title'),
                     'name' => 'input_title',
                     'id' => 'input_title',
                     'required' => true,
                     'desc' => $this->l('Insert your title here').'.',
                     'hint' => $this->l('Invalid characters:').' <>;=#{}\/',
                     'is_bool' => false,
                     'lang' => true,
                ),
		array( /* INPUT TYPE TEXTAREA */
                     'type' => 'textarea',
                     'label' => $this->l('Insert your text'),
                     'name' => 'input_text',
                     'id' => 'input_text',
		     'autoload_rte' => true,
                     'required' => true,
                     'desc' => $this->l('Insert your SEO text here').'.',
                     'hint' => $this->l('Invalid characters:').' <>;=#{}\/',
                     'is_bool' => false,
                     'lang' => true,
                ),
           ),
           'submit' => array(
                'title' => $this->l('Save'),
                'class' => 'btn btn-default pull-right',
           ),
     ),
);

Con esto ya tendrías tu Editor de texto TinyMCE en tu módulo.

 

Esperamos que les haya sido de utilidad, no duden en comentar.

 

Un saludo.

Edited April 23, 2016 by Open Code Consulting (see edit history)

[cprem]

Hola,

 

Muchas gracias, funciona perfecto, es de gran ayuda.

 

Saludos!