Jump to content

[SOLVED] PrestaShop 1.6 extended tinymce editor and forms


Recommended Posts

Hello, I need a help with two things (using prestashop 1.6):

 

1. How to make work the tweak of making extnded tinymce editor in 1.6 version allowing putting code into cms pages (related link source: http://mypresta.eu/en/art/know-how/tinymce-editor-full-options-all-html-tags.html)

 

Is there a way to make it work in 1.6 ? I tried to use the hints and tutrial but it not working ...

 

2. Forms in custom CMS page ..... I looked through the form but did not find a comprehensive guide a quick help.

 

I need to add custom form in a cms page ...... Can sb help me and show where to put the code and validiation ......a) html form code -> ? where B) php/ajax sending function and validtaion function ?

 

Maybe there is a better way to do it in 1.6v ?

 

Thanks in advance for help.

 

Kindest Regards

 

 

 

Link to comment
Share on other sites

you're welcome :-)

i marked topic title as solved

if you will need any additional assistance related to extended tiny mce editor

feel free to continue discussion below

solved isn't closed :P

 

with regards,

Milos

Link to comment
Share on other sites

  • 2 weeks later...

you're welcome :-)

i marked topic title as solved

if you will need any additional assistance related to extended tiny mce editor

feel free to continue discussion below

solved isn't closed :P

 

with regards,

Milos

Hi Vekia,

 

I did all the steps of your guide; but there is a problem when i want to put the url of a image, he don't save it. Tinymce put always the relative path but in my case it's wrong because i have 2 languages and the cms page are different.

 

Can you help me?

Thanks

Angela

Link to comment
Share on other sites

  • 1 month later...

extra product tab editor is not a native prestashop function.

this modification is related to NATIVE PRESTASHOP features,

 

in your case everything depends on module.

if module doesnt support extended tinymce editor it will not use it even if you apply modification from tutorial.

  • Like 1
Link to comment
Share on other sites

  • 2 weeks later...

Hi Milos, we used your tutorial to install Extended tiny MCE in PS 1.6.0.9., default team


We try to create table having rows with different colors like example: http://screencast.com/t/21si3goS

 

We can't get further then this: http://www.derks-wielersport.nl/6651/bianchi-intenso-campagnolo-veloce-10sp-compact-2014-.html

 

Was reading on the TinyMCE website, there is full version. Is this available for Prestashop?

Link to comment
Share on other sites

I'm having trouble adding a jotform to a cms page.  I'm just simply pressing the <> button and inserting the embed code supplied to me by jot form.  When I click save and preview....nothing shows up.

 

I tried the same thing with an embed code from photobucket to insert a slide show I tried(both flash and html embed codes)  I get the same blank page when I preview it.

 

What is the problem?

Link to comment
Share on other sites

Hi Milos, we used your tutorial to install Extended tiny MCE in PS 1.6.0.9., default team

We try to create table having rows with different colors like example: http://screencast.com/t/21si3goS

 

We can't get further then this: http://www.derks-wielersport.nl/6651/bianchi-intenso-campagnolo-veloce-10sp-compact-2014-.html

 

Was reading on the TinyMCE website, there is full version. Is this available for Prestashop?

 

for table like you want it's necessary to define css styles

you defined them or just pasted simple table?

Link to comment
Share on other sites

I'm having trouble adding a jotform to a cms page.  I'm just simply pressing the <> button and inserting the embed code supplied to me by jot form.  When I click save and preview....nothing shows up.

 

I tried the same thing with an embed code from photobucket to insert a slide show I tried(both flash and html embed codes)  I get the same blank page when I preview it.

 

What is the problem?

 

what ps version you've got? what kind of code you have to use?

Link to comment
Share on other sites

  • 2 months later...

Hi,
I have this problem:

At my shop two languages: Ru and En. Default is Ru. When I create or edit product and change language to En, it automatically back to Ru, I try change language twice, thrice and after this language stay in En. With another product this problem is repeated.

I tried change admin theme language to En, use FF, IE but problem present.


Prestashop 1.6.0.9
 

Edited by performia (see edit history)
Link to comment
Share on other sites

  • 1 month later...

Hi Milos, we used your tutorial to install Extended tiny MCE in PS 1.6.0.9., default team

 

We try to create table having rows with different colors like example: http://screencast.com/t/21si3goS

 

We can't get further then this: http://www.derks-wielersport.nl/6651/bianchi-intenso-campagnolo-veloce-10sp-compact-2014-.html

 

Was reading on the TinyMCE website, there is full version. Is this available for Prestashop?

The version we have now in prestashop 1.6 does not offer any possibility to change colors in tables like backgroud color or border color ? It was possible in 1.5 version. Also when I moved from 1.5 to 1.6 version I lost the color of my tables background and borders.

 

Can you help?

Link to comment
Share on other sites

you can do it only with css styles that you will apply to your <table> <td> elements via </> source code tool.

tinymce in 1.6 is very limited.

 

Hello, thank you for answering my post. I am not a developer and of course even if I manage usually to find how to do things I am very lost this time.

 

above the tinymce issue let me show you my current issue.

 

see here, an example of a page I have now after moving to 1.6 version:

 

http://www.turbines-rc.com/fr/turbines-electriques-edf/537-turbine-edf-ejets-jetfan-80-moteur-het-700-68-1500.html?search_query=1500&results=16

 

and please see the attached picture which is the orginal 1.5 page.

post-553019-0-48943800-1420985787_thumb.png

Link to comment
Share on other sites

And look at the attached picture here wich describe the issue:

 

Zone 1 is the table which lost the borders (how can I get them back everywhere on the site I have a thousand pages without borders).

 

Zone 2 is a text which was originaly unsing the "WARNING" style from 1.5 (how can I get them back everywhere on the site like this) and this text lost the boxed style WARNING but also is not located on the right of each tables !

 

at the end of zone 2 the text is now using the style "HEADER 3" of the followin title. Why?

 

Zone 3 is just showing a missing line space which was there originally.

 

I can't amend all page by end. I need to be able to fix all page at a time.

Is there a way to add the borders to all tables and re create the "WARNING" box style equivalent?

 

Thanks a thousand. I really need so help please.

post-553019-0-36795700-1420985845_thumb.png

Link to comment
Share on other sites

I managed to resolve an important part of my issue by adding the missing "WARNING" and "ERROR" style to the GLOBAL.CMS from the theme. I also forced the TABLES to use a border.

However, I still have the problem of the missing spaces between lines and blocks and also, the text is starting below the TABLE.

 

Can you please have a look at the attached picture with is now representing the ammended layout but still with missing spaces.

 

I have highlighted in yellow lines where the vertical spaces are missing and of course you can see the overlap of the yellow block with the table.

I should be now possible to fix the remaining issues but I really don't know how to achieve this ?

 

Can you help ?

post-553019-0-70717100-1420997954_thumb.png

Edited by Mackens (see edit history)
Link to comment
Share on other sites

Hi Vekia, thank you for your answer.

 

Ok I tried to amend the HTML code of the product page (from the editor on the product page) and by replacing

<table style="width: 500px;" border="1" align="left"> (that I had)

with your

<table style="width:100%; clear:both; overflow:hidden" >

 

Then it works.

 

However, I have hundreds of those pages with tables and with different language so I must find a way to solve the issue at a kind of global level. This is why I asked if I could ammend the html from each product page from the global css of the template or from somewhere elese?

 

I am sure it is possible as it was working fine before with the default 1.5 theme.

 

My current global css from the template is looking like this for the tables :

 

table {
  border-collapse: collapse;

  border-spacing: 0; }

caption, th, td {
  font-weight: normal;

  vertical-align: middle;
  border: 1px #BCBCBC solid;
  background: #F4F4F6; }
  height: auto;

 

I tried to add :

 

product table {
width:100%; clear:both; overflow:hidden;
}

 

But It does not work I am not sure about how to do this ?

 

Thank you.
 

Link to comment
Share on other sites

  • 3 weeks later...

Hi Vekia,

 

I have implemented this change to the TinyMCE editor and it has been working fine except that I have purchased a third party Blog module that when I insert an image, it doesn't display the image on the Front Office even though it is displayed in the back office correctly.

 

When I insert an image into the Product Description using the editor, it works fine and displays correctly on the Front Office.

 

The module developer says that the module works fine with the default TinyMCE editor and that the path for the image needs to be absolute and not relative....

 

Any ideas??

 

Thanks

Regards

Greg

Link to comment
Share on other sites

  • 4 weeks later...

I folowd the toptorial  and  modefied the /js/tinymce.inc.js file . and  changed the validate.php to modefy the isCleanHtml() function.

 but  the tinymce editor on all the page is still the same and still sowing me the old limited features

 

is there anything else beside thiese 2 file modifications I need to do  to make the change  take effect ?

 

I am using prestashop 1.6.0.13

  • Like 1
Link to comment
Share on other sites

  • 6 months later...

Hi ,

I 've mod'd the /js/tinymce.inc.js file . and  changed the validate.php

I am using prestashop 1.6.1.1

Cleared the cache and it seems to be working so far.

With one problem... I now get this error when editing Opening a Edit: Product page in the BO.

 

 

Tab : Associations (500)
A server error occurred while loading the tabs: some tabs could not be loaded.
Please try again by refreshing the page.
If you are still encountering this problem, please check your server logs or contact your hosting provider for assistance

Link to comment
Share on other sites

  • 1 month later...

Vekia followed your instructions for tinymce edit - it went well got all additional feature buttons. But when I try to insert an image I get all these errors - please help using Prestashop Vers 1.6.1.1.

 

1. Error: There is an error! The upload folder there isn't. Check your config.php file.
 
2. Other Errors in pop-up window:
 
Notice: Undefined variable: R9422465C3BED01E860A6CB2915386470 in /home1/melika38/public_html/khadmin/filemanager/dialog.php on line 389
 
Warning: array_merge(): Argument #2 is not an array in /home1/melika38/public_html/khadmin/filemanager/dialog.php on line 389
Actions: 
Notice: Undefined variable: R925FE4962BF19EEFFAB24599E942A43E in /home1/melika38/public_html/khadmin/filemanager/dialog.php on line 389
 
Notice: Undefined variable: R289666603BF4CE61AC30D75EB6DBA266 in /home1/melika38/public_html/khadmin/filemanager/dialog.php on line 389
View:      Filters:  
<br /><b>Notice</b>:  Undefined variable: R78F62712AD26E7A73590A6A5253430FB in <b>/home1/melika38/public_html/khadmin/filemanager/dialog.php</b> on line <b>389</b><br />
 
Notice: Undefined variable: RD976881C1EF561BCD7736FF1534EC76D in /home1/melika38/public_html/khadmin/filemanager/dialog.php on line 389
 
Notice: Undefined variable: R3840A7719C09869B38940496803905D2 in /home1/melika38/public_html/khadmin/filemanager/dialog.php on line 389
 
Notice: Undefined variable: R964F40AD6D08FE05978DF464679E8698 in /home1/melika38/public_html/khadmin/filemanager/dialog.php on line 389
Notice: Undefined variable: R72B348B27FF345F641BA18E350517021 in /home1/melika38/public_html/khadmin/filemanager/dialog.php on line 389
Link to comment
Share on other sites

  • 1 month later...
  • 3 months later...

hi

I use of Prestashop 1.6.0.14 , after that i modify /js/admin/tinymce.inc.js ,  no thanges take place in my editor(nighther in product page or CMS page)!!!

maybe my editor doesn't have plug ins!!

please help me... how can i upgrade my editor to tinymce 1.5  in prestashop 1.0.6.14??

Link to comment
Share on other sites

×
×
  • Create New...