Simple Translate and CMS

[byte-my-byte]

Recently I had problem with wierd white boxes appears all over modules in CMS (in Joomla 4.0.4) while I design website. I look for problem on the Internet and find out that this problem apears on WordPress also. With Inspector I have found some declaration that should not be there. So, I open random article in my Joomla site and found "simple-translate-text" declaration. I did not put that in there. I had to delete that part for every single article and modules. Open, delete, save and close. Fortunately, I don't have to much aricles and modules, but someone does. Now, until someone fixes, this add-on must be disabled while working on website.

[benjibee]

I'm using WordPress and was running into the same issue. It looks like an issue with Simple Translate inserting its div into the body of a WYSIWYG editor that supports HTML. Most editors of these types use a div and not a proper input element like a textarea or the like, so perhaps Simple Translate doesn't realise it's inserting HTML into an editor.

To Reproduce

1. Using a WYSIWYG text editor such as TinyMCE select text the Simple Translate will offer a translation of.
2. See that the Simple Translate icon pops-up.
3. Submit the contents of that page ("Update" in WordPress).
4. Check the "Text" or "HTML" or "raw" version of that same content in the WYSIWYG editor to see the Simple Translate div is now saved as part of the content.

Screenshots

The "raw" HTML view of text before being selected

Selected text in the TinyMCE editor of WordPress

The same "raw" HTML text after selecting the text and the Simple Translate plugin being activated

[buio2005]

Same here working on a new site (wordpress) editing with Elementor page builder and now some blank rectangles appears random in the homepage. Can't find any solution searching in the web except this article ..did some one found the solution to get the code clean again ? thank you !

[byte-my-byte]

If you can enter HTML editor of your articles, you can delete class between div id = "simple-translate" all to the last closed /div tag, just like on the above image. Also, when you are working on web site, disabe simple-translate add-on.

For example, delete this...

[buio2005]

thank you for your reply ..my problem is related to editing the homepage with Elementor page builder so cant find which file have to edit ( in code mode ) to delete Just seen the code with firefox inspect tool (when in homepage ) but cant find corresponding file. I mean i would find it download from FTP edit (deleting that part of code ) and re-upload it

[buio2005]

wops ! found the solution homepage / edit with Elementor / highlight part of page with wrong code / transform form visual to code the deleted unwanted code

thank you for your time and support

[gesseckr]

I'm having this issue too with WordPress and MailChimp's text editors. It's easy enough to delete the wrong code once you notice it appeared, but I would like to avoid having it appear at all. (The div code appears as a black box on my end.)

[byte-my-byte]

Just disable this add-on when you are working on your project. Turn on after you finish.