当前位置:   article > 正文

codeMirror之实现代码格式化代码功能_codemirror 格式化

codemirror 格式化

– 前言: 经过三天的挣扎,终于翻阅所有资料,找到了寻找解决codeMirror实现的格式化功能,怎么说呢,本次项目以及codemirror都为最新版本,寻找解决的资料很少,一开始有原生的codemirror实现格式化,不是让链入json格式化就是sql格式化等,这些都是让下插件或者啥的,其实我就是想实现 不管什么类型的语言,当然,这个可以在代码里配置,不需要链入各种链接去实现格式化就可。
– 漫长的的翻阅资料中。。。
终于找到一个插件,其实是我下载项目时就已经配置好的 prettier 插件,别看这个很熟悉,就这个引入的过程相当费劲,这个其实和项目版本有关,下的是最新版的 “prettier”: “^3.1.0”,这个大概是23年7月份发布的,所以有些资料对于prettier可能是基于老版本引入的,尤其是对plugins的解析,今天,突发奇想,竟然就找到了解决办法,哈哈哈

一、需要实现的效果

实现用codemirror 继承的编辑器,在外部点击格式化按钮实现格式化功能
在这里插入图片描述

二、实现思路

用 prettier 实现,依赖于 prettier 官网, 尤其是对于版本的变话,这是我的踩坑点

核心重点:

import { format } from "prettier/standa
    声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/你好赵伟/article/detail/739730
    推荐阅读
    相关标签
      

    闽ICP备14008679号