app/assets/javascripts/content_editor/extensions/frontmatter.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

import { VueNodeViewRenderer } from '@tiptap/vue-2';
import { PARSE_HTML_PRIORITY_HIGHEST } from '../constants';
import FrontmatterWrapper from '../components/wrappers/frontmatter.vue';
import CodeBlockHighlight from './code_block_highlight';

export default CodeBlockHighlight.extend({
  name: 'frontmatter',
  parseHTML() {
    return [
      {
        tag: 'pre[data-lang-params="frontmatter"]',
        preserveWhitespace: 'full',
        priority: PARSE_HTML_PRIORITY_HIGHEST,
      },
    ];
  },
  addNodeView() {
    return new VueNodeViewRenderer(FrontmatterWrapper);
  },
});