ConceptProd/ConceptPortal-public
1
0
Fork 0
mirror of https://github.com/IRBorisov/ConceptPortal.git synced 2025-06-26 13:00:39 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add spellcheck for codemirror text editors

Browse Source
This commit is contained in:
IRBorisov 2024-04-04 16:34:07 +03:00
parent 70286353c5
commit 2f98ae90ff
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
rsconcept/frontend/src/components/RefsInput/RefsInput.tsx
View File

@ -100,7 +100,12 @@ const RefsInput = forwardRef<ReactCodeMirrorRef, RefsInputInputProps>(
);
const editorExtensions = useMemo(
() => [EditorView.lineWrapping, NaturalLanguage, refsHoverTooltip(schema?.items || [], colors)],
() => [
EditorView.lineWrapping,
EditorView.contentAttributes.of({ spellcheck: 'true' }),
NaturalLanguage,
refsHoverTooltip(schema?.items || [], colors)
],
[schema?.items, colors]
);
@ -194,7 +199,6 @@ const RefsInput = forwardRef<ReactCodeMirrorRef, RefsInputInputProps>(
onKeyDown={handleInput}
onFocus={handleFocusIn}
onBlur={handleFocusOut}
// spellCheck= // TODO: figure out while automatic spellcheck doesn't work or implement with extension
{...restProps}
/>
</div>

2
rsconcept/frontend/src/components/RefsInput/tooltip.ts
View File

@ -4,13 +4,13 @@ import { hoverTooltip } from '@codemirror/view';
import { parseEntityReference, parseSyntacticReference } from '@/models/languageAPI';
import { IConstituenta } from '@/models/rsform';
import { IColorTheme } from '@/styling/color';
import {
domTooltipEntityReference,
domTooltipSyntacticReference,
findContainedNodes,
findEnvelopingNodes
} from '@/utils/codemirror';
import { IColorTheme } from '@/styling/color';
import { ReferenceTokens } from './parse';
import { RefEntity, RefSyntactic } from './parse/parser.terms';