Skip Navigation

[Resolved] The WYSIWIG shows text output by default instead of visual output

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

This topic contains 11 replies, has 3 voices.

Last updated by himanshuS 1 month, 2 weeks ago.

Assigned support staff: Luo Yang.

Author
Posts
#2114707

I am using WYSIWYG fields in a CRED form and passing formatted default values to the form to nudge users to use a specific format.

However, the form shows the plain text HTML data instead of formatted visual data. User has to click on the visual tab in the field to see the formatted data. This is not user friendly and I want to know how can I show the formatted default values on form load.

Detailed video here - hidden link

#2114897

Waqar
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi,

Thank you for contacting us and I'd be happy to assist.

You can go to the post edit screen in the admin area for any post which has this WYSIWYG field and select the "Visual" tab and save the post. This preference will also be used when the front-end form is loaded.

To force this default "Visual" tab selection across the website, you can use the "wp_default_editor()" filter:
https://wordpress.stackexchange.com/a/101229

regards,
Waqar

#2115609

Waqar,

I tried the steps you shared and it still does not work. It seems like the visual tab is selected by default but it does not render the right format. I have to click on it to render the correct format.

I have tried the following -

hidden link

hidden link

hidden link

#2116347

Waqar
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Thanks for writing back.

In my test formatting seems to work only by adding the PHP code and without the script code.

Can you please share temporary admin login details, along with the link/steps to view this?

Note: Your next reply will be private and please make a complete backup copy, before sharing the access details.

#2116833

Another issue I have found on WYSIWYG editor is sometimes the visual and text tabs show on the right on some CRED forms but sometimes they show on the left on other forms.

Example -hidden link

#2119323

Update --

On reviewing many more CRED forms on the site, it seems like WYSIWYG editor is taking neither the text tab nor the visual tab as default. It just hangs in middles and I have to click on one or the other to activate the formating.

#2120741

Luo Yang
Supporter

Languages: English (English ) Chinese (Simplified) (简体中文 )

Timezone: Asia/Hong_Kong (GMT+08:00)

Hello,

Waqar is on vacation, I will take care this ticket.

I can see the problem in your website, and in below URL:
hidden link
There is a JS error:

Uncaught ReferenceError: tinymce is not defined

The problem is abnormal, please check these:
1) Upgrade your WP installation to the latest version
2) In case it is a compatibility problem, please deactivate all other plugins, and switch to WordPress default theme 2021, deactivate all custom PHP/JS code snippets, and test again
3) If the problem still persists, please provide database dump file(ZIP file) of your website, you can put the package files in your own google drive disk, share the link only, I need to test and debug it in my localhost, thanks
https://toolset.com/faq/provide-supporters-copy-site/

#2122653

Can someone in the US please help me with this issue?

It is hard to work across different time zones.

#2122989

Luo Yang
Supporter

Languages: English (English ) Chinese (Simplified) (简体中文 )

Timezone: Asia/Hong_Kong (GMT+08:00)

Christian don't work today, if you don't want to wait, please try the suggestion I mentioned above, private message box enabled again.

#2124321

I can't deactivate all the plugins as my site is live.

Is there another way to diagnose the issue?

#2124845

Luo Yang
Supporter

Languages: English (English ) Chinese (Simplified) (简体中文 )

Timezone: Asia/Hong_Kong (GMT+08:00)

You can follow our document to duplicate the same problem in another test site:
https://toolset.com/faq/how-do-i-migrate-a-wordpress-site-from-one-domain-to-the-other/
And deactivate plugins/theme in the test site, it won't break your live production website.

#2130097

My issue is resolved now. The conflict was with Perfmatter plugin. It was not allowing the tinymce.js file to load. I had to create an exception and it worked well.