@ adcore/ 编辑器
DOM的代码编辑器. 它画了一个 DocumentModel 用它自己的布局,只让行在视图中,取出装饰,行并标记主机手:问题,内插提示,语义色彩,变化标记,行间部件,代码视觉,代理属性和鬼文字. 它不知道语言服务器; @adecore/editor-react 加上一个.
安装
bun add @adecore/editor
设置
@import '@adecore/ui/theme.css';
@import '@adecore/editor/editor.css';
import { createSmartEditorEngine, shikiTokenizers } from '@adecore/editor';
const engine = createSmartEditorEngine({ tokenizer: shikiTokenizers(getHighlighter) });
const editor = engine.mount(element, { text, language: 'typescript', theme: 'github-light' });
该元素需要其父方的位置和大小.
入境点
| 导入 | 它所持有的 |
|---|---|
@adecore/editor | createSmartEditorEngine,则 Editor 合同及其类型,Shiki适配器 |
@adecore/editor/editor.css | 风格 |
@adecore/editor/shiki | Shiki 适配器和语法加载 |
@adecore/editor/keymap | 钥匙桌, resolveKeymap, (中文(简体) ), chordOf 财务报告和审定财务报表 parseChord |
@adecore/editor/fake | FakeEditorEngine,用于测试主机代码 |
@adecore/editor/testing | mountEditor 链接DOM页面 |
文档
| 页次 | 它包含什么 |
|---|---|
| 开始 | 安装、 样式、 挂起和引擎选项 |
| 选项和密钥图 | 每个选项和设置器, 智能密钥和密钥表 |
| 文本和活动 | 位置、编辑、选择、事件和跟踪范围 |
| 装饰, (中文(简体) ), 行和部件, (中文(简体) ), 探员 | 一个主机吸引到编辑器 |
| 查找和折叠 | 找到匹配者, 折叠和粘性卷轴 |
| 主题和语法 | CSS 代号 施基 和你的代号器 |
| 测试 | mountEditor 财务报告和审定财务报表 FakeEditorEngine |
许可证
FSL-1.1-MIT 导弹