HTML Editor 2.2.1

General Forums Installation & Upgrade
#1

Is there a reason why I can no longer add this to a HTML Block. I keep hitting the HTML button, then adding the code to the popup window and press update then nothing happens.



Regards

#2

Hello AmitP,



The problem requires the investigation on your server. Please contact us via Customer Help Desk and provide us with a temporary access to your server.



—

Pavel Zyukin

CS-Cart Support team

#3

Any updates on topic? :?:

#4

no sorry, HTML editor is definately broken but I just need to find the time to contact CS-Cart and wait for their reply and then try and get it sorted!

#5

I noticed this problem too and I think it is the same problem you might be having … On the default HTML editor (Default wysiwyg editor) when I was entering

#6

Hello!



Unfortunately, these visual HTML editors are a third party software. We just use them in our product. The input code is analysed by HTML part of the TinyMCE editor and changed in accordance with standards. In this case unfortunately, some parts of code are removed by the TinyMCE editor (e.g. empty tags). I have already forwarded this information to our software development department. Most probably this functionality will be improved in the future version.



As a workaround solution, please try to use the CKEditor WYSIWYG editor. It looks like that this editor is not so exigent to the code format as the TinyMCE one. In order to realize this, you should:

  1. Log in to your administration panel, open the “Appearance” page under the “Administration” tab.
  2. Select “CKEditor” in the “Default wysiwyg editor” select box and click the “Save” button.



    Also you can try to change the “valid_elements” option of the TinyMCE editor. This option defines which elements will remain in the edited text when the editor saves. In this case you should:
  3. Open the “tiny_mce.js” file, located in the “lib/js/tinymce” directory of your CS-Cart installation.
  4. In this file find the following part of code:



valid_elements:"@[id|class|style|title|dir



and change it in order to save the desired script properly.



You can refer to the following page in order to learn more information about “valid_elements” option of the TinyMCE editor: The Most Advanced WYSIWYG HTML Editor | Trusted Rich Text Editor | TinyMCE





—

Anastasiya Kozlova

CS-Cart Support Team

#7

I also had an issue adding the Google Map iframe code via the tinyMCE editor.



I was trying to add the map under the form page ‘Contact Us’ by using ‘Unique HTML block’ for my pages (Design > Blocks > Pages > add block). This did not work :angry: . Just as I suspect trying to do it elsewhere through the HTML editor (tinyMCE) would edit out important code for function.



BUT B)



I WAS able to get the map in.

To do it:

[list=1]



[]Design > Blocks > Pages > add block

[]this time for block content choose ‘HTML block’ instead of ‘Unique HTML block’. click the ‘specific settings’ to reveal ‘description text field’ if not showing already

[]drop the Google code provided straight in there

[]Save

[*]Page manage to your intended display page and make the block active for that page(s)

[/list]



Make sure you do it right the first time with the correct Google details etc like right info, dimensions. Because when you view or try to edit the block after - the description text field will have changed into a tinyMCE format (hence incorrect format if editing). You’d have to re-do the whole process again (just select a different ‘block content’, Save, re-select HTML block then paste edited/correct Google code back in and save)



I have not tried elsewhere using design > add block but should be same.



Hope helps. At least I have a map where I want it…

[size=“1”]running ver.2.2.1[/size]

#8

I personally hate how the visual editors work. You used to be able t select using the visual editors on a page-by-page basis instead of the whole cart. I wish they'd go back to that.



I've ran into a similar problem as you, but handled it differently.



I just went in and disabled the visual editors then created my blocks. After I was done, I re-enabled the editors. The sucky thing though is that you have to disable the editors each time you want to edit the blocks.



Some things of the cart are totally improved and awesome, others like this are a step backwards in my opinion.



Thanks,



Brandon

#9

[quote name='CS-Cart Support team' timestamp='1311322609' post='117960']

Hello!



Unfortunately, these visual HTML editors are a third party software. We just use them in our product. The input code is analysed by HTML part of the TinyMCE editor and changed in accordance with standards. In this case unfortunately, some parts of code are removed by the TinyMCE editor (e.g. empty tags). I have already forwarded this information to our software development department. Most probably this functionality will be improved in the future version.



As a workaround solution, please try to use the CKEditor WYSIWYG editor. It looks like that this editor is not so exigent to the code format as the TinyMCE one. In order to realize this, you should:

  1. Log in to your administration panel, open the “Appearance” page under the “Administration” tab.
  2. Select “CKEditor” in the “Default wysiwyg editor” select box and click the “Save” button.



    Also you can try to change the “valid_elements” option of the TinyMCE editor. This option defines which elements will remain in the edited text when the editor saves. In this case you should:
  3. Open the “tiny_mce.js” file, located in the “lib/js/tinymce” directory of your CS-Cart installation.
  4. In this file find the following part of code:



valid_elements:"@[id|class|style|title|dir



and change it in order to save the desired script properly.



You can refer to the following page in order to learn more information about “valid_elements” option of the TinyMCE editor: The Most Advanced WYSIWYG HTML Editor | Trusted Rich Text Editor | TinyMCE





—

Anastasiya Kozlova

CS-Cart Support Team

[/quote]



in tiny_mce.js I have no limitations on the valid elements:


valid_elements:"*[*]"


and no invalid elements:


invalid_elements: 0




Still not working. Trying to use

#10

Hello d.saveliev,



Thank you for your message.



You can use the method suggested by Brandon in this thread. Please follow these steps:


  1. In the administration panel, go to Settings > Appearance.
  2. Select Do not use in the Default wysiwyg editor drop-down list.
  3. Click the Save button.



    After that you can use any HTML tags without limitations when editing an HTML block.



    —

    Pavel Zyukin

    CS-Cart Support team
#11

[quote name='CS-Cart Support team' timestamp='1311322609' post='117960']

Hello!



Unfortunately, these visual HTML editors are a third party software. We just use them in our product. The input code is analysed by HTML part of the TinyMCE editor and changed in accordance with standards. In this case unfortunately, some parts of code are removed by the TinyMCE editor (e.g. empty tags). I have already forwarded this information to our software development department. Most probably this functionality will be improved in the future version.



As a workaround solution, please try to use the CKEditor WYSIWYG editor. It looks like that this editor is not so exigent to the code format as the TinyMCE one. In order to realize this, you should:

  1. Log in to your administration panel, open the “Appearance” page under the “Administration” tab.
  2. Select “CKEditor” in the “Default wysiwyg editor” select box and click the “Save” button.



    Also you can try to change the “valid_elements” option of the TinyMCE editor. This option defines which elements will remain in the edited text when the editor saves. In this case you should:
  3. Open the “tiny_mce.js” file, located in the “lib/js/tinymce” directory of your CS-Cart installation.
  4. In this file find the following part of code:



valid_elements:"@[id|class|style|title|dir



and change it in order to save the desired script properly.



You can refer to the following page in order to learn more information about “valid_elements” option of the TinyMCE editor: http://tinymce.moxie…:valid_elements





—

Anastasiya Kozlova

CS-Cart Support Team

[/quote]



This worked for me! I struggled with adding a youtube video for several hours before I changed the type of HTML editor. Thanks!



AC

#12
  1. Open the “tiny_mce.js” file, located in the “lib/js/tinymce” directory of your CS-Cart installation.
  2. In this file find the following part of code:

valid_elements:"@[id|class|style|title|dir



3) Replace it with this one:

valid_elements:"@[id|class|style|title|dir