Loading via ajax modal - works every other time

uncdubdiver commented 2 months ago

Checklist

[X] I've looked at the documentation to make sure the behavior isn't documented and expected.
[X] I'm sure this is an issue with Summernote, not with my app or other dependencies (Angular, Cordova, React, etc.).
[X] I've searched through the current issues to make sure this hasn't been reported yet.
[X] My issue is pertinent to this repository of Summernote (jQuery), or I was unable to have my issue resolved from the relevant version I'm using, such as Angular, dJango, Rails or React. Please try your issue at the relevent repository first.
[X] I understand that issues without interaction for more than 14 days (2 weeks), may be closed at our discretion. We do this, as sometimes issues are abandoned. We may at our discretion, add issues to the relevant project to be looked at, or for maintainers to work through as time permits. This is to help keep issues relevant to the current version of Summernote, and to reduce clutter.
[X] I agree to follow the Code of Conduct that this project adheres to.

Steps to reproduce

More details in the "Current Behavior" section below.

Click on a button, opens an ajax populated modal and on document ready, it instantiates the summernote WYSIWYG the first time.
Close the modal, and repeat by clicking on the same (or another button), opens a modal, however the summernote WYSIWYG doesn't load, it's just the HTML code displayed like a normal textarea.
Close the modal, and repeat by clicking on the same (or another button), opens a modal, however this time, the summernote WYSIWYG does load properly.

Expected behavior

It should reload the textarea WYSIWYG every single time.

Current behavior

Every other time I ajax load a BS3 modal, the WYSIWYG loads then doesn't the next, then does, then doesn't, etc...

Click on a button, opens a modal and on document ready, it instantiates the summernote WYSIWYG the first time.
Close the modal, and repeat by clicking on the same (or another button), opens a modal, however the summernote WYSIWYG doesn't load, it's just the HTML code displayed like a normal textarea.
Close the modal, and repeat by clicking on the same (or another button), opens a modal, however this time, the summernote WYSIWYG does load properly.

It's literally every other time the modal loads it "inits" summernote, and I can't figure out why.

I have tried using the same id on each load, as well as used completely unique textarea ids on each load, same output occurs.

I have tried having it execute ...summernote('destroy') before it, doesn't fix it. I tried doing ...summernote('reset') before it, it clears the textarea, but leaves it still as a standard textarea and not a summernote obj.

First time it loads (and every other time it loads). This is the correct behavior.

Then from the second time the button is clicked, and every other after that, this is the INCORRECT behavior that is being displayed.

Minimal example reproducing the issue

No response

Environment

Summernote version: 0.8.18-dist
Browser (with version): Chrome v128.x
OS/Platform (with version): Server running AlmaLinux 9, apache 2.4, jQuery v3.4.1, bootstrap v3

uncdubdiver commented 1 month ago

Is this application no longer getting any support?

1der1 commented 1 month ago

@uncdubdiver, SummerNote is an HTML editor. You cannot paste a whole HTML page into SummerNote or any other HTML editor.

BTW: SummerNote is an open source project. Everybody can ask questions or provide answers. I am a user like you.

uncdubdiver commented 1 month ago

@1der1 well actually you can, but I'm not using it that way.

I have been using it in a way to be able to generate PDF files using TCPDF, and it works very well. I'll load up a static/hardcoded HTML string, make edits, etc., save it, then I can use TCPDF to generate a PDF from the saved content, and it works great.

However the DOM object doesn't reload properly if the content is loaded in via ajax. It loads once, then doesn't load the next time, then loads again. The only way I can get it to load every time is if I reload the whole page then open the SummerNote editor, it doesn't seem to work after the DOM already has it loaded up, and the destroy and/or reset function doesn't work.

guisantos commented 1 month ago

your issue could be related with scaping the html

uncdubdiver commented 1 month ago

No clue, unfortunately it works fine with Froala, however I can't get past this simple/major issue with SummerNote, so I'm going to just close this ticket, it doesn't look like it's repeatable to troubleshoot.

DaveEvans2022 commented 3 weeks ago

No answer on this? I have the same issue.

uncdubdiver commented 3 weeks ago

No answer on this? I have the same issue.

Nope nothing. I've decided to go another route because this is a complete show stopper for me.

GL on your end!

summernote / summernote