Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Wysiwyg | Tiny MCE not loading occasionally. #500

Open
djstini opened this issue Dec 12, 2024 · 1 comment
Open

Wysiwyg | Tiny MCE not loading occasionally. #500

djstini opened this issue Dec 12, 2024 · 1 comment
Labels
question Further information is requested

Comments

@djstini
Copy link

djstini commented Dec 12, 2024 •
edited
Loading

Hi there!

i have a bit of a situation on my page. We are using a Jet-Form builder form in which there are also multiple "Wysiwyg Field"s fields.

Now every now and then (would say about 5/10 times) when i open the page with the form, the editor will not be editable.
To be more specific, the Tool-Bar loads, so does the Editors footer-bar. But the Content area is not clickable/editable and also doesn't show the existing content.
Screenshot of the editor when it doesnt work:
image

I've looked into the html code of the page and found that the iframe contained in the editor is empty whenever it doesnt work:

Wrong iFrame content:

<html>
<head>
</head>
<body>
</body>
</html>

Correct iFrame content:

<html>
<head>
<style id="mceDefaultStyles" type="text/css">.mce-content-body div.mce-resizehandle {position: absolute;border: 1px solid black;box-sizing: content-box;background: #FFF;width: 7px;height: 7px;z-index: 10000}.mce-content-body .mce-resizehandle:hover {background: #000}.mce-content-body img[data-mce-selected],.mce-content-body hr[data-mce-selected] {outline: 1px solid black;resize: none}.mce-content-body .mce-clonedresizable {position: absolute;opacity: .5;filter: alpha(opacity=50);z-index: 10000}.mce-content-body .mce-resize-helper {background: #555;background: rgba(0,0,0,0.75);border-radius: 3px;border: 1px;color: white;display: none;font-family: sans-serif;font-size: 12px;white-space: nowrap;line-height: 14px;margin: 5px 10px;padding: 5px;position: absolute;z-index: 10001}
.mce-visual-caret {position: absolute;background-color: black;background-color: currentcolor;}.mce-visual-caret-hidden {display: none;}*[data-mce-caret] {position: absolute;left: -1000px;right: auto;top: 0;margin: 0;padding: 0;}
.mce-content-body .mce-offscreen-selection {position: absolute;left: -9999999999px;max-width: 1000000px;}.mce-content-body *[contentEditable=false] {cursor: default;}.mce-content-body *[contentEditable=true] {cursor: text;}
img:-moz-broken {-moz-force-broken-image-icon:1;min-width:24px;min-height:24px}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" id="u0" href="https://xxx.xxx/wp-includes/js/tinymce/skins/lightgray/content.min.css?wp-mce-49110-20201110">
<link rel="stylesheet" type="text/css" id="u1" href="https://xxx.xxx/wp-includes/css/dashicons.min.css?ver=6.7.1&amp;wp-mce-49110-20201110">
<link rel="stylesheet" type="text/css" id="u2" href="https://xxx.xxx/wp-includes/js/tinymce/skins/wordpress/wp-content.css?ver=6.7.1&amp;wp-mce-49110-20201110">
</head>
<body id="tinymce" class="mce-content-body " data-id="wp_editor_long-description" contenteditable="true">
<p>
<br data-mce-bogus="1">
</p>
</body>
</html>

There are no errors logged to the browser console.

It is notable that even though i have a prefill configured:
image
It wont load when the editor doesn't work nor when it does.
@Crocoblock
Copy link
Owner

@djstini
Please, update the plugin to the latest version and try again. If the bug still exists, please, export your form and share it here

@Crocoblock Crocoblock added the question Further information is requested label Jan 6, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
question Further information is requested
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@Crocoblock @djstini