Wiki editor now riddles html with unwanted div clutter

Wiki editor now riddles html with unwanted div clutter

This is a behavior that seems to have changed in the past week. In Zoho Wiki, in the past, the WYSIWYG editor produced quite vanilla HTML. Now it's wrapping many tags in superfluous divs.

This is with Firefox, which, like most browsers, relentlessly updates, so could be an interaction with a Firefox update. At any rate, this is on Windows 7, latest update, with Firefox 60.0.1 64-bit.

Repro: Create a new page, and the content starts off as:

Now (in WYSIWG mode) type something in at the initial cursor position, like 'Hello', now the html shows:

Now hit return after Hello. The HTML becomes:

As the doc gets more complicated, divs seem to get added around some elements, and newly inserted text may or may not get wrapped in its own divs.

Meanwhile, something which IS needed, a <p> tag to wrap "Normal" text, does not always seem to happen automatically, but instead must be applied manually using the Normal style.

For example, after typing in a list, then using an additional Enter to finish the list and start on a normal paragraph, the WYSIWYG editor fails to wrap the new text in a p tag, and instead applies a div. So you now have to manually apply "Normal" style. Which retains the useless div, and applies a p tag inside it.

After numerous edits, this kind behavior proliferates divs all over the place.

And for what it's worth, the Style control still fails to track the actual style at the cursor position, as I have reported numerous times over at least two years.

Why does this all matter? Because it's frequently necessary to edit the HTML source directly in order to compensate for something that the WYSIWYG doesn't do properly. And trying to do so with the html cluttered with divs (which have to be matched when copying/pasting) and excessive uninformative indentation is a headache.

Don't get me wrong. In other respects the WYSIWYG is pretty good, compared to competing environments. However this proliferation of completely unneeded divs makes it substantially less favorable.

I also note that the WYSIWYG behavior varies in Chrome and IE, and has been sufficiently worse there to make Firefox the environment of choice for editing purposes. Unfortunately, this new div proliferation makes editing painful in Firefox.

For reference, in previous posts regarding the WYSIWYG editor I have shared some simple CSS for the editor so that WYSIWYG html structure problems become immediately visible. This is a great aid to keeping the html clean, and for troubleshooting. Please see:

I hope you can identify what's changed, and get us back to the previous tolerable, if not ideal, behavior.

Thanks -- Graham

                            Zoho Desk Resources

                            • Desk Community Learning Series

                            • Digest

                            • Functions

                            • Meetups

                            • Kbase

                            • Resources

                            • Glossary

                            • Desk Marketplace

                            • MVP Corner

                            • Word of the Day

                                Zoho Marketing Automation

                                        Manage your brands on social media

                                                Zoho TeamInbox Resources

                                                  Zoho DataPrep Resources

                                                    Zoho CRM Plus Resources

                                                      Zoho Books Resources

                                                        Zoho Subscriptions Resources

                                                          Zoho Projects Resources

                                                            Zoho Sprints Resources

                                                              Qntrl Resources

                                                                Zoho Creator Resources

                                                                  Zoho WorkDrive Resources

                                                                    Zoho Campaigns Resources

                                                                      Zoho CRM Resources

                                                                      • CRM Community Learning Series

                                                                        CRM Community Learning Series

                                                                      • Tips


                                                                      • Functions


                                                                      • Meetups


                                                                      • Kbase


                                                                      • Resources


                                                                      • Digest


                                                                      • CRM Marketplace

                                                                        CRM Marketplace

                                                                      • MVP Corner

                                                                        MVP Corner

                                                                            Design. Discuss. Deliver.

                                                                            Create visually engaging stories with Zoho Show.

                                                                            Get Started Now