summernote / summernote

Super simple WYSIWYG editor
https://summernote.org
MIT License
11.4k stars 2.24k forks source link

Html textfield break the page if there is a ( apostroph)' #4607

Closed MoritzVogt closed 3 months ago

MoritzVogt commented 3 months ago

i get a weird interaction with ' if i submit the form see the screenshot below. Its the first time for me working with summernote and i couldnt find a solition online for my porblem am i missing something here? or is summernote unable to handle '

What is your Operating System, Browser and Version and Summernote Version you are using:

This can help find and resolve any issues, place an x inside the brackets or if relevant elaborate after each choice.

  1. Operating System: [x ] Microsoft Windows [ ] Apple [ ] Linux [ ] All

  2. Browser and Version: [ ] Brave [ ] Chrome [ ] Edge (Old Legacy) [ ] Edge (Chromium Based) [x ] Firefox [ ] Internet Explorer [ ] Opera [ ] Safari [ ] Other (Specify):

  3. Summernote Type, place an x inside the brackets: [ ] BS3 [x ] BS4 [ ] Lite [ ] All

  4. Summernote Version. If you're not sure which version you are using, you can find the version number in the help dialog in the toolbar, or at the top of the .js Summernote file. v0.0.18

screenshot of issue

grafik

If you can make the issue using jsfiddle(https://jsfiddle.net/), We can save time to reproduce the problem.

DennisSuitters commented 3 months ago

I test out what I could tell what is from your explanation, and was unable to replicate what you explained. If you could comment with a sample of text that causes you're issue, we could then test what's going on a bit more. Place the text inside backticks, use 1 opening and 1 closing tick for single lines, for multiline text use 4 opening backticks, and 4 closing backticks.

MoritzVogt commented 3 months ago

Thanks for your response, below i added the text thats used in the screenshot above

Praise for the singing
Praise for the morning
Praise for them springing
Fresh from the world
Sweet, the rain′s new fall
Sunlit from heaven
Like the first dew fall
On the first grass
Praise for the sweetness
Of the wet garden
Sprung in completeness
Where His feet pass
'
Mine is the sunlight
Mine is the morning
Born of the one light
Eden say play

Praise with elation
Praise ev
^^°!§$%&/()?``´´"=
DennisSuitters commented 3 months ago

You stated your using Summernote v0.0.18, which is a very old version. I tried your text on the home page, and all the other latest built versions (bs3, bs4, bs5, lite, and the Skunkworks version), all of them wrap the text as below:

<pre class="notranslate" style="font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 11.9px; margin-bottom: 16px; overflow-wrap: normal; padding: 16px; line-height: 1.45; color: rgb(31, 35, 40); background-color: var(--bgColor-muted, var(--color-canvas-subtle)); border-radius: 6px;"><code class="notranslate" style="font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; font-size: 11.9px; margin: 0px; text-wrap: nowrap; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-radius: 6px; word-break: normal; border: 0px; display: inline; overflow: visible; line-height: inherit; overflow-wrap: normal;">Praise for the singing
Praise for the morning
Praise for them springing
Fresh from the world
Sweet, the rain′s new fall
Sunlit from heaven
Like the first dew fall
On the first grass
Praise for the sweetness
Of the wet garden
Sprung in completeness
Where His feet pass
'
Mine is the sunlight
Mine is the morning
Born of the one light
Eden say play

Praise with elation
Praise ev
^^°!§$%&amp;/()?``´´"=</code></pre>
MoritzVogt commented 3 months ago

ok thank you, do i have to download from github then? The Compiled version in the "Getting started" tab from the Homepage downloads this version..

DennisSuitters commented 3 months ago

To get the latest changes, which are not present on the home page, or releases, you would have to fork, clone that fork to your local machine, then build it, then use the files in the created dist/ folder. Instructions to build are here: https://github.com/summernote/summernote/blob/develop/.github/CONTRIBUTING.md

MoritzVogt commented 3 months ago

thank you very much for youre help