Cannot open a page preview with editorskit activated

Would you please confirm if this issue only happens when the ‘Gutenberg’ plugin is active?

Sorry if I was not clear: I installed default wordpress and on top of that Editorskit.
With Editorskit active, I cannot preview pages.
If I disable Editorskit everything is working. Forget about “Gutenberg”, I did not mean I installed a specific plugin named Gutenberg.

I am also experiencing this. Activate EditorsKit, preview doesn’t work. Disable EditorsKit, preview works. I guessed EK was source based on URL parameter that I haven’t seen before – editorskitresponsivepreview=true

• This reply was modified 3 years, 2 months ago by aidentww.

I’m having this problem also. I disabled live preview in the editorskit settings and all works as expected. However, the setting is not saved and I have to disable live preview every time I login to edit a post.

Ditto for some of the other settings in editorskit. The settings are not persistent across logins.

I found a temporary work around to disable the live preview. In the file wp-content/plugins/block-options/includes/class-editorskit-responsive-preview.php, I set the return value to ‘false’ for the function ‘is_responsive_preview_enabled().

I’m sure there is a better way to accomplish this, but this seems to be working for me.

Hey Everyone,

Thank you for reporting the issue and details. We are looking into it, and a fix will be pushed asap.

I will update here once it’s fixed.

Thanks

Hey @kf4zmt @aidentww @gemont,

We were able to identify the issue and release a fix (temp solution).

The issue seems to be with our ‘Typography Add-on’ combined with the ‘Gutenberg plugin.’ So we have done some work to make sure when you disable the typo add-on, all its functionality/assets unload (there was a bug too).

So, could you please try to deactivate this addon and test it again? Also, by disabling the Gutenberg plugin. And make sure to update to the latest version or Editorskit, please.

Let me know.

? What you mean? Again, with Editorskit activated I cannot see the preview (“Sorry, you are not allowed to preview drafts.”)

You wrote: “So, could you please try to deactivate this addon and test it again?”
I had already written that if your plugin is deactivated everything works normally. What is the purpose to deactivate it?

If I am not able to understand, please be more clear. The version 1.33.2 still breaks the preview. And I have no Gutenberg plugin. I just added Editorskit on top of a standard WP installation.

Thanks.

I meant to disable ‘Typography Add-on,’ not the EditorsKit plugin. Here’s how you can disable it.
https://app.tango.us/app/workflow/ea1c718b-30a4-410a-9513-ddea8acc53dd

Please provide the list of plugins active on your website if the issue is doesn’t resolve for you by disabling the add-on.

This seems to have resolved my problem. Thank you! ??

Another user said the trick was working for him, so I disabled my plugins (few) one by one.
I noticed that a plugin called “redirections” added some HTTP Headers security presets. The plugin itself is not doing anything at the moment (there are no redirections) but I noticed that if I delete those security headers, the preview is working.
The presets are:
– X-frame-otions: deny
– X-XSS-Protection 1:mode=block
– X-Content-Type-Options noniff
– Content-security-Policy default-src ‘self’; script-src ‘unsafe-inline’ ‘unsafe-eval’ http:; style-src ‘unsafe-inline’ http:; img-src http: data:; font-src http: data:; sandbox allow-forms allow-scripts
– Referrer-Policy no referrer when downgrade

I do not know which one (or a combination) is causing this behaviour.

Hope it helps.

(I think they have been added in relation with the “Site Health Status” check, where there are some recommendations)

• This reply was modified 3 years, 2 months ago by Odds.
• This reply was modified 3 years, 2 months ago by Odds.

I resolved this issue by unchecking Live Preview with Responsive Controls in EditorsKit > Features Manager. I already had the Typography add-on disabled and latest release didn’t change anything. If you see this in your preview URL – editorskitresponsivepreview=true – try my solution: editorskitresponsivepreview=true

• This reply was modified 3 years, 2 months ago by aidentww.

@aidentww

Glad to hear it is resolved for you, can you confirm me:

1. You have the toggle disabled as similar to the last step in this guide https://app.tango.us/app/workflow/ea1c718b-30a4-410a-9513-ddea8acc53dd and you don’t see the typography panel in Gutenberg editor?

2. You don’t have Gutenberg plugin active?

Thanks

I confirm the trick suggested by @aidentww is working even without disabling Typography Add-on.
At least for me. Preview now is fine.

@gemont

Thanks for the update.