@@ -4,7 +4,7 @@ import React, { useState, useCallback, useEffect } from 'react';
44import { useEditor , EditorContent } from '@tiptap/react' ;
55import StarterKit from '@tiptap/starter-kit' ;
66import Highlight from '@tiptap/extension-highlight' ;
7- import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight ' ;
7+ import CollapsibleCodeBlock from '@/lib/tiptap-extensions/CollapsibleCodeBlock ' ;
88import Image from '@tiptap/extension-image' ;
99import Dropcursor from '@tiptap/extension-dropcursor' ;
1010import { Table } from '@tiptap/extension-table' ;
@@ -21,11 +21,7 @@ import Superscript from '@tiptap/extension-superscript';
2121import Subscript from '@tiptap/extension-subscript' ;
2222import { Extension } from '@tiptap/core' ;
2323import { Plugin , PluginKey } from '@tiptap/pm/state' ;
24- import { createLowlight } from 'lowlight' ;
25- import javascript from 'highlight.js/lib/languages/javascript' ;
26- import typescript from 'highlight.js/lib/languages/typescript' ;
27- import css from 'highlight.js/lib/languages/css' ;
28- import python from 'highlight.js/lib/languages/python' ;
24+ import '../styles/collapsible-code.css' ;
2925
3026import { Button } from './ui/button' ;
3127import { Card } from './ui/card' ;
@@ -40,12 +36,6 @@ import {
4036
4137import { uploadToGitHub , getGitHubConfig } from '@/lib/github-upload' ;
4238
43- const lowlight = createLowlight ( ) ;
44- lowlight . register ( 'javascript' , javascript ) ;
45- lowlight . register ( 'typescript' , typescript ) ;
46- lowlight . register ( 'css' , css ) ;
47- lowlight . register ( 'python' , python ) ;
48-
4939// 图片上传函数
5040async function uploadImageToGitHub ( file : File ) : Promise < string > {
5141 try {
@@ -226,7 +216,7 @@ export function ArticleNotionEditor({
226216 listItem : false ,
227217 } ) ,
228218 Highlight . configure ( { multicolor : true } ) ,
229- CodeBlockLowlight . configure ( { lowlight , defaultLanguage : 'javascript' } ) ,
219+ CollapsibleCodeBlock ,
230220 Image . configure ( { inline : false , allowBase64 : true } ) ,
231221 Dropcursor . configure ( { color : '#3b82f6' , width : 2 } ) ,
232222
0 commit comments