SP Page Builder 4 JCE Editor - Forum | JoomShaper
Awaiting an answer SP Page Builder

SP Page Builder 4 JCE Editor

Asked by Edi Berentzen 3 years ago Last activity 3 years ago

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

9 replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
3 years ago

Hi Edi,

  1. What JCE version Free or Pro?
  2. Have you cleaned text before paste.
  3. As test task, create a new Text addon, manually add Two words and change format again, and preview code.
Paul Frankowski Senior Staff
3 years ago
  1. 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 Berentzen Asked this
3 years ago

Hi Paul,

thanks for your quick response.

To answer your questions:

  1. What JCE version Free or Pro? -> JCE Pro
  2. Have you cleaned text before paste. -> Yes
  3. 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.
  4. Does your Template override Text addon? -> No, the folder you named doesn't exist.
    and new:
  5. I deinstalled and new installed JCE -> no change in the strange behavior.

... Hm... no idea...
Best regards edi

Paul Frankowski Senior Staff
3 years ago

Thanks for all the answers.

Please ask JCE developer (support forum) - he should know something, then let me know.

Edi Berentzen Asked this
3 years ago

Hi Paul,
ok, thanks!
I will give you feedback when I get something out about the problem.
Best regards
edi

Ryan
3 years ago

JCE 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 Berentzen Asked this
3 years ago

Hi 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 Senior Staff
3 years ago · edited

BIG Thanks @Ryan , I already informed our developers about that.

Thanks @Edi for cooperation.

Edi Berentzen Asked this
3 years ago

Thanks for your help, too, Paul and Ryan!

Log in to reply.