如何实现前端可视化编辑器保存到本地功能

在线设计器在初始状态下不包含新建，保存，打开等按钮，因为每个项目的业务场景不同，因此我们将该方法都开放出来，让用户根据自己的需要去定制这些方法，实现与业务逻辑的切合。

但因为很多开发人员需要自己在本地测试在线设计器的保存按钮，常常需要将报表文件保存到本地并打开本地的JSON 文件。
本文主要描述了如何通过 designer.setActionHandlers() 重写OnSave 和OnOpen()。

1. 创建HTML 页面

`

<title>ARJS Report designer</title>
<meta name="description" content="ARJS Report designer" />
<meta name="author" content="GrapeCity" />
复制代码

2. 安装 ActiveReportsJS

`

`

3. 添加报表设计器的宿主元素

在body 标签中添加 div 元素。