Ryan/docmost-ryan
1
0
Fork 0
mirror of https://github.com/Shadowfita/docmost.git synced 2025-11-13 08:12:32 +10:00
Code Issues Packages Projects Releases Wiki Activity

feat: code block language selection (#198)

Browse Source 
* code block language selection

* cleanup

* Add copy button
This commit is contained in:
Philip Okugbe
2024-08-24 18:12:19 +01:00
committed by GitHub
parent 4433d5174d
commit 17475bf123
4 changed files with 85 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
apps/client/src/features/editor/extensions/extensions.ts
View File

@ -46,7 +46,12 @@ import ImageView from "@/features/editor/components/image/image-view.tsx";
import CalloutView from "@/features/editor/components/callout/callout-view.tsx";
import { common, createLowlight } from "lowlight";
import VideoView from "@/features/editor/components/video/video-view.tsx";
import { ReactNodeViewRenderer } from "@tiptap/react";
import CodeBlockView from "@/features/editor/components/code-block/code-block-view.tsx";
import plaintext from "highlight.js/lib/languages/plaintext";
const lowlight = createLowlight(common);
lowlight.register("mermaid", plaintext);
export const mainExtensions = [
StarterKit.configure({
@ -134,7 +139,11 @@ export const mainExtensions = [
Callout.configure({
view: CalloutView,
}),
CodeBlockLowlight.configure({
CodeBlockLowlight.extend({
addNodeView() {
return ReactNodeViewRenderer(CodeBlockView);
},
}).configure({
lowlight,
HTMLAttributes: {
spellcheck: false,