Custom line-height values

lineHeights still feeds the line-height dropdown behind the height toolbar button, so it is a clean way to align the editor with a typography scale.

Apply different line heights to this paragraph to compare tight body copy and more relaxed reading layouts.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ac nisi in erat interdum posuere at nec turpis.

Vivamus non mauris consequat, mattis ipsum nec, feugiat neque. Sed aliquam malesuada eros in convallis.

Example configuration - Line Heights

summernote.create('#line-heights-editor', {
  height: 280,
  toolbar: [
    ['font', ['bold', 'italic', 'underline']],
    ['para', ['ul', 'ol', 'paragraph', 'height']],
  ],
  lineHeights: ['1.0', '1.15', '1.3', '1.5', '1.75', '2.0'],
});