question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Bug: Tinymce editor body does not display the content in modal popup in mozilla firefox

See original GitHub issue

We have two editors.

  • One is for inline editing, which admin user can perform directly on the page.
  • Second is for editing the details of container in modal popup with content.

While opening the popup on link button click, first i check that whether any active editor is already activated or not, if any active editor is present then I display the warning message that “By continue this operation you will lost your changes”, if user clicks “Yes” in confirmation then I remove the active editor and opens the popup window.

Javascript code: tinymce.remove();

On opening the modal popup, I bind HTML content in the TextArea present in the PopUp and pass that TextArea Object as “selector” to tinymce and initialize it.

HTML for Text Area <asp:TextBox ID="txtEditorContent" runat="server" AutoPostBack="false" CssClass="editor-content" TextMode="MultiLine" />

Javascript code:

$(function () { tinymce.remove(); // initialize the tinyMCE Editor tinymce.init({ selector: ‘.editor-content’, menubar: false, branding: true, height: 350, code_dialog_height: 200, setup: function (editor) { editor.addButton(‘image_catelog’, { image: ‘/img/icons/ImageUpload.png’, tooltip: “Upload Image”, onclick: function () { jWDOpenImageCatalog(); } }); editor.addButton(‘set_link’, { image: ‘/img/icons/Link.png’, tooltip: “Set link”, onclick: function () { jWDCreateLinkForInlineEditor(g_slaveKey, g_isLive, g_cultureId); } }); }, plugins: [‘advlist autolink lists charmap print preview anchor textcolor code’, ‘searchreplace visualblocks code fullscreen’, ‘insertdatetime table contextmenu paste code help wordcount’], toolbar: 'insert | undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | table | code | image_catelog | set_link ', });

Current Behavior: HTML content is not displayed in editor. Expected Behavior: HTML content is should be displayed in editor.

issueforeditor

Note: This issue is only generated in the firefox, same code works fine in Chrome

tinymce version: 4.7.11

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:10 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
rhanzakcommented, Mar 18, 2020

Having the same issue.

1reaction
sukheja-varuncommented, Jan 31, 2020

I am facing the same issue

Read more comments on GitHub >

github_iconTop Results From Across the Web

two tinymce editor issue in firefox - Stack Overflow
i am using two same tinymce editor in same page. the first editor is editable and the second editor is not editable in...
Read more >
Configure TinyMCE in modal windows | FAQs and Solutions
This article explains how to introduce and configure the TinyMCE rich text editor into a modal, and avoid any errors in the configuration....
Read more >
TinyMCE not working: possible causes and fixes
There are a couple of possible reasons of TinyMCE not working - you can fix those easily and we prepared detailed instructions for...
Read more >
Changelog | Docs - TinyMCE
Changed the emoticons , wordcount , code , codesample , and template plugins to open dialogs using commands. The context toolbar will no...
Read more >
Paste plugin | Docs - TinyMCE
Note: The toolbar button won't work in browsers that don't support direct access to the clipboard. In such cases the user will be...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found