Monaco Editor结合Vue搭建好用的json格式化网站

原创

已于 2023-03-01 23:08:09 修改 · 2.7k 阅读

CC 4.0 BY-SA版权

文章标签：

于 2023-03-01 23:07:13 首次发布

安装

> npm install monaco-editor

然后导入monaco

import * as monaco from "monaco-editor/esm/vs/editor/edcore.main"; // 引入monaco-editor

Html定义

<div id="monaco-editor" ref="monaco"

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注

专栏目录

07-17

1206

知无涯

11-24

4468

4 条评论您还未登录，请先登录后发表或查看评论

5 条评论

持沉淀~ 2023.12.07
getEditor() { if (this.editor == null) { return; } return toRaw(this.editor); }, handleJson() { let jsonData = this.getEditor().getValue(); // this.getEditor().updateOptions({ // readOnly: false // }); // this.getEditor().trigger(null, "editor.action.formatDocument"); // this.getEditor().trigger('','editor.action.format') // this.getEditor().setValue('{\"qq\":\"111\"}'); // this.getEditor().trigger('anyString', 'editor.action.formatDocument'); this.getEditor().getAction('editor.action.formatDocument').run() this.getEditor().setValue(this.getEditor().getValue()); // this.getEditor().trigger("myapp", "undo"); },