A Lot Of Data-mce-style Entries After Inserting An H2 Heading Into A Text Field
Marco
Hello,
I am editing a website with relatively many pages and have noticed that there are many data-mce-style entries in the code of the individual pages - sometimes very many!
My versions are the following: Joomla 4.2.3 SP Page Builder 4.0.5
Here is an example which can be reproduced:
Create a new line, add a text addon, add 2 or three words, make these words a H2 heading - this is how I created the code in the screenshot.
Having just encountered the problem now, and having already made more than 100 web pages, the post-processing is a lot of work, sometimes impossible, if it is an H2 heading, if it is an H3 heading, then this problem does not exist.
Greeting - Marco
Paul Frankowski
Accepted AnswerJCE is based on TinyMCE engine, that's why I mention about that.
About Rows Up/Down, only from "Layers" (screenshot from documenation)
Toufiq
Accepted AnswerHi there,
Thanks for contacting us. Sorry for the inconvenience. Will you please provide me the Joomla administrator access to check the issue? I will check & get back to you soon.
-Thanks
Marco
Accepted AnswerHi Toufiq,
I have fixed all the problems with the headings!
That here code was deposited, as I have shown it in the graphic, reported to me my SEO program Seobility.de used by me - it showed after the scan many pages (all new created by me since the change to the new SP Page Builder version) with many empty headings.
Strangely, this code is not visible in the Text AddOn under Code, only when I scan the page with the Inspector or look at the source code.
To get rid of this problem I usually had to replace the whole line - finally I copied the line from a "clean" page, pasted it into the page I wanted to edit and adjusted the text in the Text AddOn again, then deleted the "contaminated" line - a lot of work!
Currently I have only one example page saved where you can see the problem - and I have to correct myself, no matter if I insert a H2 or H3 heading or even normal text in the existing or in a new Text AddOn - in the source code I get the entries "section data-mce-style=" or "h1 data-mce-style=" shown and quite a lot of them!
The example is the SP Page Builder page with ID 126
Greetings - Marco
Marco
Accepted AnswerI also have another question - how can I move a line down or up in a SP Page Builder page? Somehow I don't manage to move it in the new version - thanks!
Toufiq
Accepted AnswerI need your assistance. Can you share a screencast video about the full scenario?
Marco
Accepted Answer... of course!
It's about this page - the only one that still exists with the code, I've already fixed all the others: https://test.titus-messtechnik.com/index.php?option=com_sppagebuilder&view=page&id=126
In the browser with the Inspector or source code you can see what I mean - https://prnt.sc/QPsZ2W-S1sGz
In the editor, when editing the page, this code is not visible - https://prnt.sc/PcaQwnuxXEGg
What else can I do?
Greetings - Marco
Toufiq
Accepted AnswerPlease check now. There was junk code in your text addon. I just removed the junk code.
Marco
Accepted AnswerMay I know how you did that?
The problem was not removing the junk code, as I wrote, many pages had such code.
The question is more where did this code come from? The sources for my content are mostly the same, I've never had any problems with that.
I also posted here a problem with onmousover in a text addon - the HTML code was simply changed by SP Page Builder and the onmousover technique, which I could use in earlier versions of SP Page Builder, suddenly didn't work anymore - fortunately it still works in a module.
When asked how this could be, Mehtaz unfortunately couldn't give me an answer because she has too little information about it.
So I assume that it could also have to do with the text addon.
I also asked you how I can move a line.
Toufiq
Accepted AnswerWhat exactly i have removed from your text addon source code.
Paul Frankowski
Accepted AnswerIf I may...
data-mce-style
is from TinyMCE as I remember ...
-
If you use JCE Pro set filtering options for Paste to remove all extra styles from Paste text. I use it all the time.
-
To remove "data-mce-style=...." and "data-mce-type=..." from current pages you have to use DB Replacer from Regular Labs (Made in NL) and put whole phrase to search and replace with empty. Using this in two minutes you will clean all pages.
-
Yes, we are working also to improve text addon filtering in SPPB 4.0.7 and upcomming updates
Marco
Accepted Answerthank you Toufiq, thank you Paul,
@Toufiq - now I ask again: can you please explain me how you removed the junk code and with which editor? As I already wrote, I didn't see this code in the addon and the JCE editor (not even in the code view). I managed to insert a new line with the text addon and copy the text - then the junk code was removed.
@Paul - thanks for the tips, I use JCE Pro and have the filter enabled, I don't use TinyMce.
If I had learned about the DB Replacer earlier, I would have saved myself a lot of work - well now I know!
And I answered my own question that Toufiq didn't want to address yet - how can I move rows up or down? - via the layer view ...
Greetings - Marco
Marco
Accepted Answer@Paul thanks for the reminder, JCE is based on TinyMCE.
Why I didn't see the junk code in the editor, only via the inspector or source code, I still don't know - it should have been visible in the code view, right?
Sometimes the change to a new SP Page Builder version happens quite fast, e.g. in combination with the Joomla version, that there is hardly time to read the description - learning by doing is then mostly the case ;)