AMis Editor
AMis 可视化编辑工具
如何使用
import {Editor} from 'amis-editor';
render() {
return (
<Editor
{...props}
/>
)
}
属性说明:
-
value: any
值,amis 的json 配置。 -
onChange: (value: any) => void
。 当编辑器修改的时候会触发。 -
preview?: boolean
是否为预览状态。 -
autoFocus?: boolean
是否自动聚焦第一个可编辑的组件。
开发相关
安装以下 fis3
相关插件。
npm install -g fis3 fis3-parser-node-sass fis3-parser-typescript fis3-preprocessor-js-require-css fis3-postpackager-loader fis3-hook-node_modules fis3-hook-commonjs
安装完后
# 设置 @fex npm 包走 内部 registry
npm config set @fex:registry http://registry.efe.tech
# 安装项目 npm 依赖。
npm i
# 开始编译,把代码产出到刚开启的服务的 webroot 目录。
npm run dev
# 开启 fis3 服务,请通过 http://127.0.0.1:8888/examples/pages/simple 访问。
npm start
测试
目前还没有集成测试用例,请在 exmples 目录添加相应的示例。
编辑 npm 版本
npm run build