Rukia hadi maudhui makuu

clepit_core

Kifurushi cha clepit_core ni pacha asili ya Dart/Flutter ya @clepit/core: modeli ile ile ya hati ya JSON, uhariri na uonyeshaji wa kusoma tu kutoka msingi mmoja wa msimbo, ukilenga wavuti, simu na kompyuta. Hati zinabadilishana: EditorData.toJson() hapa inasomwa na kifurushi cha TypeScript na kinyume chake.

pub.dev: clepit_core · npm: @clepit/core

Sakinisha

Shell
flutter pub add clepit_core

Editor

Editor ni uso kamili wa uhariri: zana za vizuizi, zana za ndani, pau za zana, na ushughulikiaji wa uchaguzi. EditorController pia huchukua tools na inlineTools kudhibiti au kupanua seti iliyojengwa ndani, na hufichua API za hati, uchaguzi na mwonekano (EditorApi) kwa uhariri wa kiprogramu.

Dart
import 'package:clepit_core/clepit_core.dart';

final controller = EditorController(
  initial: EditorData.fromJson(documentJson),
);

Editor(
  controller: controller,
  config: EditorConfig(
    onChange: (data) => save(data),
  ),
);

Renderer

Renderer huchora hati kwa kusoma tu, bila mapambo ya uhariri. Data batili au isiyojulikana ya kizuizi huonyesha InvalidDataPlaceholder badala ya kutupa hitilafu, hivyo hati kutoka kwa mtayarishaji wa zamani au mpya hushuka kwa kuonekana badala ya kuangusha mwonekano.

Dart
Renderer(
  config: RendererConfig(data: document),
);

ClepitTheme

Mitindo hupitia ClepitTheme, ThemeExtension juu ya ThemeData yako, hivyo kihariri na kionyeshi hufuata mandhari ya programu yako katika hali ya mwanga na giza. Ubadilishaji wa kila onyesho hupitia RendererConfig.styles.

Ukitoka @clepit/core

Dhana ile ile ipo pande zote mbili; majina hufuata desturi za kila jukwaa.

TypeScriptDart
EditorEditor
RendererRenderer
StyleManagerThemeExtension<ClepitTheme> + ThemeData
ToolBlockTool / InlineTool
Block<T>sealed class Block
EditorAPIEditorApi + BlocksApi, SelectionApi