2021-04-29 00:09:48 +00:00
|
|
|
import { CodeBlockLowlight } from '@tiptap/extension-code-block-lowlight';
|
2021-06-08 18:10:23 +00:00
|
|
|
import * as lowlight from 'lowlight';
|
2021-04-13 12:11:32 +00:00
|
|
|
|
2021-06-03 03:09:45 +00:00
|
|
|
const extractLanguage = (element) => element.getAttribute('lang');
|
2021-04-13 12:11:32 +00:00
|
|
|
|
2021-07-27 21:09:42 +00:00
|
|
|
export default CodeBlockLowlight.extend({
|
2021-04-29 00:09:48 +00:00
|
|
|
addAttributes() {
|
2021-04-13 12:11:32 +00:00
|
|
|
return {
|
2021-06-08 18:10:23 +00:00
|
|
|
language: {
|
|
|
|
default: null,
|
2021-09-16 15:12:47 +00:00
|
|
|
parseHTML: (element) => extractLanguage(element),
|
2021-06-08 18:10:23 +00:00
|
|
|
},
|
|
|
|
class: {
|
|
|
|
default: 'code highlight js-syntax-highlight',
|
|
|
|
},
|
2021-04-13 12:11:32 +00:00
|
|
|
};
|
2021-04-29 00:09:48 +00:00
|
|
|
},
|
2021-06-08 18:10:23 +00:00
|
|
|
renderHTML({ HTMLAttributes }) {
|
|
|
|
return ['pre', HTMLAttributes, ['code', {}, 0]];
|
|
|
|
},
|
|
|
|
}).configure({
|
|
|
|
lowlight,
|
2021-04-29 00:09:48 +00:00
|
|
|
});
|