@yanghp/amis-editor

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