Text: New div is created every time I hit enter instead of creating a </br>

Question

WARNING

READ and FOLLOW next 5 steps, then REMOVE them before posting the issue

Follow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md
Use the GitHub Issues EXCLUSIVELY for BUGS, FEATURE REQUESTS or QUESTIONS. Prefix the title of the issue with its context, eg. [Bug]: ....
Do a quick SEARCH first, to see if someone else didn't open the same issue
DON'T ASK to create examples/code for you, read DOCS and APIs first, then you can post what you have tried (we'd like to see your code) and what you're unable to achieve
All relative statements/questions have to be filled/answered, otherwise, the issue might be CLOSED

You're submitting a BUG

Are you using the latest release (older versions are NOT supported)?
1. If you're not sure, type grapesjs.version in console and press ENTER
Are you facing the bug with your local copy of GrapesJS or with the current demo?
If a local copy
1. Indicate all informations about your OS, browser and GrapesJS version.
2. Are you able to reproduce the bug from the demo?
What is the expected behavior?
What happens instead?
If you're able to reproduce the bug indicate all the necessary steps
Attach screenshots (using KAP/LICEcap), screencasts or live demo
1. JSFiddle Starter template https://jsfiddle.net/szLp8h4n
2. CodeSandbox Starter template https://codesandbox.io/s/1r0w2pk1vl

You're submitting a FEATURE REQUEST

Be sure to work on the latest version, as the feature might be already there
Keep in mind that the feature should be considered valid to use for everyone, not only for your case

Answers (3)

logeshkrishna0• October 25, 20191 reactions

@pouyamiralayi, Are you saying that you wont form the new div when eneter is clicked, but when you try to save it, it would consider that space or next line as new div

logeshkrishna0• October 25, 20191 reactions

@pouyamiralayi It also happen in the new version have check using the inspect element it add a div each time when click enter in text block

logeshkrishna0• October 24, 20190 reactions

Is there a reason why when inserting text a new div is created for every break instead of a standard

<div class="c4840">Insert your text here. I hit enter <div data-highlightable="1">a new div is created </div> <div data-highlightable="1">I hit enter again </div> </div> Is it possible to disable this behavior and make a instead.

I know this works if I hit the shift + enter but I would like for it to be the default option.

Text: New div is created every time I hit enter instead of creating a </br>

Question

WARNING

You're submitting a BUG

You're submitting a FEATURE REQUEST

Answers (3)

Related Questions and Answers

Form new <P> tag by closing the existing <p> tag while enter is clicked

Can we have local and remote storage at the same time.

how to add new content to the intended component without removing the previously added component content

how to use editor.getSelected().append(`<div>...`);

Paid Plugins That Match This Issue

Browse Plugin Categories