youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-05 18:08:07 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: show line numbers to skill editor

Browse Source
This commit is contained in:
Joel
2026-01-15 17:20:45 +08:00
parent 6bb09dc58c
commit 195cd2c898
3 changed files with 3 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/components/workflow/skill/editor/skill-editor/index.tsx
View File

@ -14,13 +14,13 @@ import {
TextNode,
} from 'lexical'
import * as React from 'react'
import styles from '@/app/components/base/prompt-editor/line-numbers.module.css'
import { CustomTextNode } from '@/app/components/base/prompt-editor/plugins/custom-text/node'
import OnBlurBlock from '@/app/components/base/prompt-editor/plugins/on-blur-or-focus-block'
import Placeholder from '@/app/components/base/prompt-editor/plugins/placeholder'
import UpdateBlock from '@/app/components/base/prompt-editor/plugins/update-block'
import { textToEditorState } from '@/app/components/base/prompt-editor/utils'
import { cn } from '@/utils/classnames'
import styles from './line-numbers.module.css'
import {
ToolBlock,
ToolBlockNode,

52
web/app/components/workflow/skill/editor/skill-editor/line-numbers.module.css Normal file
View File

@ -0,0 +1,52 @@
.lineNumbersScope {
--line-number-gutter: 32px;
--line-number-gap: 12px;
}
.lineNumbers {
counter-reset: line;
padding-left: calc(var(--line-number-gutter) + var(--line-number-gap));
}
.lineNumbers :global(p),
.lineNumbers :global(h1),
.lineNumbers :global(h2),
.lineNumbers :global(h3),
.lineNumbers :global(h4),
.lineNumbers :global(h5),
.lineNumbers :global(h6),
.lineNumbers :global(li),
.lineNumbers :global(blockquote),
.lineNumbers :global(pre) {
position: relative;
display: block;
min-height: 1.5em;
}
.lineNumbers :global(p)::before,
.lineNumbers :global(h1)::before,
.lineNumbers :global(h2)::before,
.lineNumbers :global(h3)::before,
.lineNumbers :global(h4)::before,
.lineNumbers :global(h5)::before,
.lineNumbers :global(h6)::before,
.lineNumbers :global(li)::before,
.lineNumbers :global(blockquote)::before,
.lineNumbers :global(pre)::before {
counter-increment: line;
content: counter(line);
position: absolute;
top: 0;
left: calc(-1 * (var(--line-number-gutter) + var(--line-number-gap)));
width: var(--line-number-gutter);
text-align: right;
color: var(--color-text-quaternary);
line-height: inherit;
user-select: none;
pointer-events: none;
}
.lineNumbersPlaceholder {
pointer-events: none;
left: calc(var(--line-number-gutter) + var(--line-number-gap));
}