SP Page Builder 4 JCE Editor
Edi
Hi Joomshaper team and community,
I have a curious problem with SP Page Builder 4 and JCE Editor 2.9.36 with editing a Textblock addon: When I use the JCE Editor to change e.g. a paragraph to a heading (or vice versa a heading to a paragraph), a strange html code is written behind the paragraph (see code example below). In JCE I can't see this code via the code view, in TinyMCE the code is displayed.
Does anyone have a clue what is happening there???
Code example (excerpt): <p style="position: absolute; left: -65535px;" data-mce-style="position: absolute; left: -65535px;" data-mce-type="temp"></p><address style="position: absolute; left: -65535px;" data-mce-style="position: absolute; left: -65535px;" data-mce-type="temp"></address><pre style="position: absolute; left: -65535px;" data-mce-style="position: absolute; left: -65535px;" data-mce-type="temp"></pre><h1 style="position: absolute; left: -65535px;" data-mce-style="position: absolute; left: -65535px;" data-mce-type="temp"></h1><h2 style="position: absolute; left: -65535px;" data-mce-style="position: absolute; left: -65535px;" data-mce-type="temp"></h2><h3 style="position: absolute; left: -65535px;" data-mce-style="position: absolute; left: -65535px;" data-mce-type="temp"></h3><h4 style="position: absolute; left: -65535px;" data-mce-style="position: absolute; left: -65535px;" data-mce-type="temp"></h4><h5 style="position: absolute; left: -65535px;" data-mce-style="position: absolute; left: -65535px;" data-mce-type="temp"></h5><h6 style="position: absolute; left: -65535px;" data-mce-style="position: absolute; left: -65535px;" data-mce-type="temp"></h6><div style="position: absolute; left: -65535px;" data-mce-style="position: absolute; left: -65535px;" data-mce-type="temp"></div><div_container style="position: absolute; left: -65535px;" data-mce-style="position: absolute; left: -65535px;" data-mce-type="temp"></div_container><blockquote style="position: absolute; left: -65535px;" data-mce-style="position: absolute; left: -65535px;" data-mce-type="temp"></blockquote><code style="position: absolute; left: -65535px;" data-mce-style="position: absolute; left: -65535px;" data-mce-type="temp"></code><samp style="position: absolute; left: -65535px;" data-mce-style="position: absolute; left: -65535px;" data-mce-type="temp"></samp><span style="position: absolute; left: -65535px;" data-mce-style="position: absolute; left: -65535px;" data-mce-type="temp"></span><section style="position: absolute; left: -65535px;" data-mce-style="position: absolute; left: -65535px;" data-mce-type="temp"></section><article style="position: absolute; left: -65535px;" data-mce-style="position: absolute; left: -65535px;" data-mce-type="temp"> .......
Best regards Edi
Paul Frankowski
Accepted AnswerHi Edi,
- What JCE version Free or Pro?
- Have you cleaned text before paste.
- As test task, create a new Text addon, manually add Two words and change format again, and preview code.
Paul Frankowski
Accepted Answer- Does your Template override Text addon?
I mean do you have this folder:
/templates/jm-university/sppagebuilder/addons/text_block
If yes, please remove/delete it and do test (3) again.
Edi
Accepted AnswerHi Paul,
thanks for your quick response.
To answer your questions:
- What JCE version Free or Pro? -> JCE Pro
- Have you cleaned text before paste. -> Yes
- As test task, create a new Text addon, manually add Two words and change format again, and preview code. -> Test with fresh empty addon gave the same result.
- Does your Template override Text addon? -> No, the folder you named doesn't exist. and new:
- I deinstalled and new installed JCE -> no change in the strange behavior.
... Hm... no idea... Best regards edi
Paul Frankowski
Accepted AnswerThanks for all the answers.
Please ask JCE developer (support forum) - he should know something, then let me know.
Edi
Accepted AnswerHi Paul, ok, thanks! I will give you feedback when I get something out about the problem. Best regards edi
Ryan
Accepted AnswerJCE Developer here :)
One of the issues here is how SP PageBuilder is retrieving content from the editor, using the getContent but with the "format" option set to "raw", eg:
var t = e.getContent({format: "raw"});
This will get the unprocessed html content from the document.body of the editor, which will therefore, depending on the content, included internal system html code that is usually removed when the HTML is processed.
This method used by SP PageBuilder Pro 4 is different to that used in SP PageBuilder Pro 3, which did not used the format:"raw" option, and worked correctly with JCE Pro.
I can provide a temporary fix for this within JCE Pro (which will be inclued in JCE Pro 2.9.37), by forcing the content to be processed if SP PageBuilder is detected, but it would be preferable if the SP PageBuilder developers have a look at this, perhaps by removing the format:"raw" option when calling the getContent function.
Edi
Accepted AnswerHi Ryan, hi Paul,
@Ryan, thank you for your quick reply right here in the forum! That would of course be great if this issue could be handled on the part of the SP Page Builder developers.
@Paul, would you so pass on to the developers and give me another feedback, as of that is feasible and when?
Best regards! edi
Paul Frankowski
Accepted AnswerBIG Thanks @Ryan , I already informed our developers about that.
Thanks @Edi for cooperation.