线上地址

IRender线上示例

引入

// 整体引入
import {IRenderer, IEditor, Schema} from 'i-renderer';

// 按需引入
import IRenderer, {Schema} from 'i-renderer/dist/js/renderer';
import IEditor from 'i-renderer/dist/js/editor';

import 'i-renderer/dist/css/index.css';

app.use(IRenderer);
app.component(IEditor);

使用

const pageSchema = {
  renderer: 'page',
  initData: {
    name: 'IRender',
  },
  body: [
    {
      renderer: 'html',
      html: '欢迎使用<%=data.name%>',
    }
  ]
};

<schema
  :init-schema="pageSchema"
  :can-schema-update="false"
  classname="i-renderer-schema__container"
/>