富文本(vue3)SQL格式化 JSON格式化

先上图看效果: 

富文本(vue3)SQL格式化 JSON格式化_第1张图片

 SQL格式化使用的是 codemirror 和 sql-formatter 实现的(建议看文档搞)

 使用就直接用就可以了,如果用的地方多建议 install 全局组件

    

 对富文本编辑器进行封装。直接copy可用






 vue3 实现JSON格式化 可折叠 复制 使用了 clipboard   vue3-json-viewer

 npm install clipboard --save
npm install vue3-json-viewer --save
import { createApp } from 'vue'
import App from './App.vue'
import JsonViewer from "vue3-json-viewer"
const app=createApp(App)
app.use(JsonViewer)
app.mount('#app')

富文本(vue3)SQL格式化 JSON格式化_第2张图片

 

你可能感兴趣的:(个人笔记,小知识点,sql,json,数据库)