Legacy ADMY CodeArea

CodeArea сохраняет два HTML-фрагмента, вертикальную прокрутку области и горизонтальную прокрутку значения. Максимальная высота равна 70vh. Классы deleted и added окрашивают строки и добавляют минус или плюс. В экранном документе передаётся только текст: HTML-разметка доступна прямому Svelte API.

Статус: experimental · в системе с 2026-10 · интерактивность: none (нет)

Когда использовать

Перенос исходного CodeArea из сохранённого интерфейса ADMY.

Не использовать:

Новый интерфейс без требования сохранить исходный legacy.

Исходный вариант

Живой перенос с готовыми данными.

Изменения

const value = 42; const old = true; const next = true;

<!--
/**
 * 🟢
 *
 * Демонстрация LegacyAdmyCodeArea использует перенесённый исходный компонент.
 * Готовые данные и обратные события показывают его поведение без сервера.
 */
-->
<script>
import Component from "$lib/ui/LegacyAdmyCodeArea.svelte";
import { t } from "$lib/spec/demo-lang.svelte.js";
</script>
<Component title={t("Изменения")} modelValue={'const value = 42;\n<span class="deleted">const old = true;</span>\n<span class="added">const next = true;</span>'} />