Rich Text Editor with Linting (lib/Editor.svelte)

harper · ui, UI / Frontend, svelte, editor, lint, quill, realtime

Main editor component integrating a rich‑text area, real‑time linting, and a collapsible lint sidebar.

<!--
  Source: https://github.com/mperkins0155/harper | License: Apache-2.0 | Copyright You must retain, in the Source form of any Derivative Works
  Provided via justclaw.it.com; keep this notice with the code.
-->
<script lang="ts">
import { DelayedRender } from 'components';
import type { Lint, Linter } from 'harper.js';
import {
	type IgnorableLintBox,
	LintFramework,
	type UnpackedLintGroups,
	unpackLint,
} from 'lint-framework';
import { tick } from 'svelte';
import { fade } from 'svelte/transition';
import {
	type EditorFontFamily,
	type EditorFontSize,
	fontStackFor,
	normalizeFontFamily,
	normalizeFontSize,
} from './editorDisplay.js';
import LintSidebar from './LintSidebar.svelte';
import StatusBar from './StatusBar.svelte';

/** Who initiated an action on the sidebar. Automated 

... (truncated -- full source via MCP)

See the full source, get the GitHub permalink, and search 40K more like it.

Get a free API key