ace-editor代码编辑器实现与如何格式化编辑器中的代码(支持SQL/Java/JS/CSS/HTML/JSON/XML)

效果图展示,只展示了SQL和JAVA代码的格式化 ,其他的 JS/CSS/HTML/JSON/XML 也都支持

 需要引入依赖

/** 代码编辑器 **/
cnpm install --save vue2-ace-editor

/** sql格式刷 **/
cnpm install --save [email protected]

/** CSS / JS /JAVA /JSON /HTML/ XML格式刷 **/
cnpm install --save beautify

<template>

  <el-row :gutter="20" style="padding: 10px;">
    <el-col :span="12"><editor v-model="sqlContent" @init="editorInit" lang="sql" theme="dracula" width="100%" height="550"></editor></el-col>
    <el-col :span="12"><editor v-model=