balm-ui/src/scripts/components/editor/quill/formats/line-height.js

A modular and customizable UI library based on Material Design and Vue 3

import { useEditor } from '../core/quill';

function useLineHeight(customLineHeight = []) {
  if (customLineHeight.length) {
    const { Quill } = useEditor();
    const Parchment = Quill.import('parchment');

    let config = {
      scope: Parchment.Scope.INLINE,
      whitelist: customLineHeight
    };

    const LineHeightStyle = new Parchment.Attributor(
      'lineheight',
      'line-height',
      config
    );

    Quill.register(LineHeightStyle, true);
  }
}

export default useLineHeight;