WYSIWYG Editor Stripping Code

[gdelorey@mitcs.com]

Hello -

We are trying to configure a CMS page (Website > Webpages) to hold dropdown navigation due to some custom menu options we're looking for. However, when we paste our bootstrap navbar code into the editor, the WYSIWYG tools are stripping chunks of the HTML out. Is there any way to modify the editor to leave any pasted code as-is?

Thanks,
Greg

[gdelorey@mitcs.com]

I should add - the reason we want to place it in a Webpages control is so that our client can manage the navigation without having to call us for changes...

[AbleMods]

When pasting code into the HTML editor, don't do it directly into the inline editor on the page. Click the little HTML icon (next to the paintbrush) in the toolbar to open a popup. The popup gives you an edit window of the raw HTML - this is where you can paste your HTML.

The WYSIWYG will butcher most anything you paste into the inline editor.

[Katie]

I usually turn off the inline WYSIWYG editor via the Configure > Store > General settings page. If you're not using it, then it's just one more step to take.

[gdelorey@mitcs.com]

Hi Joe & Katie -

Thanks for your replies. Sorry for not explaining that better - I wasn't pasting into the WYSIWYG editor window, but the HTML window directly from the wysiwyg editor as Joe suggests. I've attached two screenshots showing the before save and after save of my code - looks to be pulling the <nav> tag out.

Thanks,
Greg

[gdelorey@mitcs.com]

Hi AC -

Just checking in on this - have you seen this before or have any thoughts on how to prevent the removal of code?

Thanks!
Greg

[AbleMods]

No I've never seen it happen before. I didn't realize the html editor did any grooming of the content at all...wouldn't think it should be doing that.

[gdelorey@mitcs.com]

Hello -

Just checking up on this - any way to customize the implementation of the editor to allow these tags?

Thanks!
Greg

[tripleW]

Hi Greg,

I've noticed that the WYSIWIG won't save/recognize HTML5 tags. I just always have to disable it.

Since it's 3rd party software I don't know of a way to alter it.

[Katie]

Hi,

We are using the TinyMCE integration for WYSIWYG support. I found a FAQ on how to enable HTML5, but I'm not sure where the code is applied.

https://www.tinymce.com/docs-3x//refere ... 3x@schema/

We are using their older version so I will put in a request to have the editor upgraded in a future release.

Katie