Jump to content
vekia

[Tutorial] PrestaShop 1.7 extended rich text editor

Recommended Posts

Extended rich text editor for PrestaShop 1.7


This is new guide related to brand new prestashop. This tutorial shows step by step how to extend standard rich text editor available in prestashop. Extended editor has some new features (screenshot below) and it allows to save javascripts and some other codes that are not available to save by default.


 


Enjoy :-)


 


Epj5Ck0.png


  • Like 2
  • Thanks 2

Share this post


Link to post
Share on other sites

Hi Vekia,


 


I have some problems with text editor:


 


I can not scroll down to edit a text longer than text window.


 


I see squares instead of buttons icons


 


In front office I don't see bullet points that I used in text editor.


 


I use Prestashop 1.7.0.3, but I extended text editor like you show here. It looks much better than standard text editor and I'm sure it can work as it looks.


 


Please help me!


  • Like 1

Share this post


Link to post
Share on other sites

Thank you Vekia,

Many new features indeed, but I don't find rtl functionality (Prestashop 1.7.4)

Also I modified validate.php as suggested, but still TinyMCE removes my line <a href="#" OnClick="javascript:window.print()">Imprimer</a>

Regards

Zouhir

Share this post


Link to post
Share on other sites

Hi, first part it's ok and the rich text editor appear and seems to work, but when change code in Validate.php, i have error in all my website: 

500 Internal Server Error

Tested in prestashop 1.7.5, maybe something different for the new version?

Do i really need to change validate.php?

Thanks

Raimundo

Share this post


Link to post
Share on other sites
On 3/11/2019 at 3:01 PM, ray96 said:

Hi, first part it's ok and the rich text editor appear and seems to work, but when change code in Validate.php, i have error in all my website: 

500 Internal Server Error

Tested in prestashop 1.7.5, maybe something different for the new version?

Do i really need to change validate.php?

Thanks

Raimundo

Open Debug Mode on "Advance Parameters > Performance > Debug mode" u may missing some php module's I Have many errors because of this recently i change php to 7.2 and i get a lot of error's so after comparing with old version there are many modules that needed and installation did not inform me that i miss.

Also you may have problems from file and directory right's.

if u have access in console reset rights 

sudo find /var/www/ -type f -exec chmod 644 {} \;
sudo find /var/www/ -type d -exec chmod 755 {} \;

/var/www/ = Change to your website site root path.

And do not forget to clear cashe.

Also in cpanel MultiPHP INI Editor i have  this settings some that missing are disable or left as it is

my settings

  • allow_url_fopen = on
  • allow_url_include = on
  • file_uploads = on
  • max_execution_time = 60
  • max_input_time = 120
  • max_input_vars = 5000 'Use to help for get all translation's must have  in PS 1.6'
  • memory_limit = 128 'That make huge difference on back office some menu just not work at all'  
  • post_max_size = 20M
  • session.gc_maxlifetime    1440
  • session.save_path = /tmp 'The Default get me in trouble so as i read i change it to this'
  • upload_max_filesize 15M

Hope to help a little.

 

Thank you Vekia for post this 

Working in PS 1.7.5.1 PHP 7.2 -- i have not try inframes 

 

Share this post


Link to post
Share on other sites

Hello

We added the editor to our store. But now we can`t save our code. Everytime we save our code, the editor change our code. Why? We have on our CMS page an accordion menu. It works  wit php7.1 now we have a new server with php 7.2. And now we have the problems with saving our works.

For exemple we save our code: <h3 class="page-product-heading panel-title"><a title="Bestellung" href="#bestellung" data-toggle="collapse" data-parent="#accordion">Bestellungen</a></h3>

 

and the editor change it to: <h3 class="page-product-heading panel-title"><a title="Bestellung" href="#bestellung">Bestellungen</a></h3>

 

Share this post


Link to post
Share on other sites

Hello,

this extended rich text editor allow to add html tag <dt><dd><dl>?

Share this post


Link to post
Share on other sites

Hi,

I do the indication to extend TinyMCE and it's OK but ...  (I'm French and I don't speak currently English :S So, I'm sorry for my approximate language)

Well, My configuration :

PHP 7.2

PrestaShop 1.7.5.2

Instruction using : http://victor-rodenas.com/2017/01/03/editor-de-textos-avanzado-en-prestashop-1-7/

Result :

Edition.png.931c012bce84c10dd044745cbbefe86a.png

I empty cache and I have same result with all navigator (IE, Firefox...)

 

I accept all idea ;)

Note : I don't see good icon but it's functional

Thanks in advance

Regard

Sylvain

Share this post


Link to post
Share on other sites
On 5/2/2020 at 9:26 AM, Naturel said:

Hi,

I do the indication to extend TinyMCE and it's OK but ...  (I'm French and I don't speak currently English :S So, I'm sorry for my approximate language)

Well, My configuration :

PHP 7.2

PrestaShop 1.7.5.2

Instruction using : http://victor-rodenas.com/2017/01/03/editor-de-textos-avanzado-en-prestashop-1-7/

Result :

Edition.png.931c012bce84c10dd044745cbbefe86a.png

I empty cache and I have same result with all navigator (IE, Firefox...)

 

I accept all idea ;)

Note : I don't see good icon but it's functional

Thanks in advance

Regard

Sylvain

I have the same problem with missing icons.  I'm not sure where to get the extra icons from.

 

Share this post


Link to post
Share on other sites
Posted (edited)

Thanks,

I refund/remake/make again... me E.shop. After that, I t'ry to fond a solution and I post that here...

Edit :

 

I upgrade from 1.7.5.2 to 1.7.6.5 => I have old configuration...

I try this week and I'll come back

Edited by Naturel (see edit history)

Share this post


Link to post
Share on other sites

Any solution about 1.7.6+ prestashop? I need rich editor to easy add images in CMS pages.

Share this post


Link to post
Share on other sites

Hello all, 

Just like Prestan0ob I would like to enrich the WYSIWYG but unfortunately the process given above doesn't work for me either on PS: 1.7.6.5. 

Would anyone have a solution for this version ? 

Many thanks, 

  • Like 1

Share this post


Link to post
Share on other sites

Hola todos

On 2/1/2017 at 11:15, vekia said:

Editor de texto enriquecido extendido para PrestaShop 1.7

 

Esta es una nueva guía relacionada con la nueva prestashop. Este tutorial muestra paso a paso cómo extender el editor de texto enriquecido estándar disponible en prestashop. El editor extendido tiene algunas características nuevas (captura de pantalla a continuación) y permite guardar javascripts y algunos otros códigos que no están disponibles para guardar de forma predeterminada.

 

 

 

 

 

Disfruta :-)

 

 

 

 

 

Epj5Ck0.png

 

Hello.

It doesn't work for me in PS 1.7.5.1 I have cleared the cache and without success, am I doing something wrong?

Thanks.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More