tinyMCE

I am using version 4.7 and when I press enter in the HTML editor it adds an extra line break or is just bigger space. I use to be able to disable that in older versions. Not sure how to in 4.7

Here is my init:

<script>
tinymce.init({
  selector: 'textarea',
  height: 300,
  menubar: false,
  forced_root_blocks: false,
  plugins: [
    'advlist autolink lists link image charmap print preview anchor',
    'searchreplace visualblocks code fullscreen',
    'insertdatetime media table contextmenu paste code'
  ],
  contextmenu: "paste copy link image inserttable | cell row column deletetable",
  toolbar: 'paste copy undo redo | bold italic fontselect fontsizeselect | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link unlink image hr | removeformat | forecolor ,backcolor ',
  content_css: [
    '//fonts.googleapis.com/css?family=Lato:300,300i,400,400i',
    '//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css',
    '//www.tinymce.com/css/codepen.min.css']
});
</script>

Open in new window

LVL 7
Robert SaylorSenior DeveloperAsked:
Who is Participating?
 
leakim971PluritechnicianCommented:
From a similar question here :
You need to press SHIFT + ENTER or use CSS to customize <p>aragraphe

.mce-content-body p {
      margin: 10px 0px; // original value is 25px instead 10px
}

Open in new window

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.