textarea json编辑器_分享一个基于codeMirror封装的Json编辑器

前言

这两天有个小需求，就是通过页面导入json数据来完成具体格式数据的存储，页面需要具备一个简单的Json编辑校验的功能。

原本也利用codeMirror做过代码编辑器，今天基于度娘的指导，简单封装一个vue Json编辑器组件，文中的案例代码可以直接拿过去，开箱即用。

本篇公号主要包含以下几个方面的内容：

• 1. codeMirror概述

• 2. Json编辑器封装

• 3. 应用demo

废话不多说，干货分享，大佬绕道。

一、 codeMirror概述

CodeMirror是使用JavaScript为浏览器实现的多功能文本编辑器。它专门用于编辑代码，并具有实现更高级编辑功能的多种语言模式和附加组件。

官网地址：https://codemirror.net/

感兴趣的朋友可以直接上官网去撸，成熟而强大