@bpmn-io/ feelers-编辑器
使用量
import { FeelersEditor } from '@bpmn-io/feelers-editor';
const editor = new FeelersEditor({
container: document.querySelector('#editor'),
value: 'Hello {{name}}!',
onChange: (value) => console.log(value)
});
配置
| 选项 | 类型 | 说明 |
|---|---|---|
container | Element | 包含编辑器的 DOM 节点 |
value | string | 初始内容 |
onChange | Function | 内容更改时调用 |
onKeyDown | Function | 调用按键事件 |
onLint | Function | 可用内嵌信件时调用 |
hostLanguage | string | 主机语言(如:. 'markdown'(中文(简体) ) |
hostLanguageParser | Parser | 自定义主机语言的 Lezer 解析器 |
readOnly | boolean | 让编辑器只读 |
darkMode | boolean | 启用黑暗主题 |
singleLine | boolean | 将编辑器限制为一行 |
lineWrap | boolean | 启用行包 |
enableGutters | boolean | 显示行号 |
contentAttributes | Record<string, string> | 内容元素的额外属性 |
tooltipContainer | Element|string | 工具提示容器 |
构建和运行
通过安装所有依赖来准备工程 :
npm install
然后,根据您的使用大小写,您可以运行下列命令:
# build the library and run all tests
npm run all
# run the development setup
npm run dev
# spin up a simple playground for local development
npm start
相关
- 感觉 - 感觉单发
- @bpmn-io/lezer-feelers (英语) - 感受者解析定义
- @bpmn-io/lang-feelers (英语) - 对CodeMiror 6的感受语言支持
- @bpmn-io/ feelers-lint (英语) - 对代码Mirror 6的感应器启动支持
- 感觉 - 感官翻译
- 长发 - Lezer 解析器系统的语言定义
许可证
麻省理工学院