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
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
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
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.
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
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.
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/
Can someone in the US please help me with this issue?
It is hard to work across different time zones.
Christian don't work today, if you don't want to wait, please try the suggestion I mentioned above, private message box enabled again.
I can't deactivate all the plugins as my site is live.
Is there another way to diagnose the issue?
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.
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.
