vue实现codemirror代码编辑器中的SQL代码格式化功能
vue实现codemirror代码编辑器中的SQL代码格式化功能
1、首先使用npm安装sql-formatter插件
npm install --save sql-formatter
2、然后引入该sql-formatter.js文件
import sqlFormatter from "sql-formatter";
3、接下来就是针对需要格式化的代码调用该方法就OK啦
/*代码格式化*/
format(){
/*获取文本编辑器内容*/
let sqlContent="";
sqlContent=this.editor.getValue();
/*将sql内容进行格式后放入编辑器中*/
this.editor.setValue(sqlFormatter.format(sqlContent));
}
4、下面截图就是格式化前与格式化后的区别
总结
以上所述是小编给大家介绍的vue实现codemirror代码编辑器中的SQL代码格式化功能,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
-
本文向大家介绍在vue项目中使用codemirror插件实现代码编辑器功能，包括了在vue项目中使用codemirror插件实现代码编辑器功能的使用技巧和注意事项，需要的朋友参考一下 在vue项目中使用codemirror插件实现代码编辑器功能（代码高亮显示及自动提示），具体内容如下所示： 1、使用npm安装依赖 npm install --save codemirror; 2、在页面中放入如下代
-
本文向大家介绍Pycharm编辑器功能之代码折叠效果的实现代码，包括了Pycharm编辑器功能之代码折叠效果的实现代码的使用技巧和注意事项，需要的朋友参考一下 1、主题 在一些情况下，如果某些代码显得不太重要，我们可以通过Pycharm的代码折叠功能将其折叠为一行。在接下来的部分我们将介绍代码折叠功能基本用法。 2、代码可折叠轮廓线以及折叠开关 首先，我们观察一下代码左侧的折叠线。
-
你马上就要写下第一行代码，现在该下载一个代码编辑器了！ 注意在之前章节你可能已经完成了这一步，如果那样的话，你可以直接进入下一章节。 有很多不同的编辑器，通常根据个人偏好选择。 大部分 Python程序员使用像 PyCharm这样复杂但是功能强大的IDE (集成开发环境)。 然而，这可能不太适合初学者。我们建议使用同样强大但是更为简单的编辑器。 下面是我们的建议，但是你可以随时咨询你的教练。那样会
-
程序员接触时间最长的就是代码编辑器。 代码编辑器主要分两种：IDE（集成开发环境）和轻量编辑器。很多人喜欢这两种各选一个。 IDE IDE（集成开发环境）是指用于管理整个项目的，具有强大功能的编辑器。顾名思义，它不仅仅是一个编辑器，而且还是个完整的“开发环境”。 IDE 加载项目（通常包含很多文件），并且允许在不同文件之间导航（navigation）。IDE 还提供基于整个项目（不仅仅是打开的文件
-
我有一些旧代码，我试图在VisualStudio代码中编辑。它混合了HTML和C#EG： 它有点像Razor，但不一样。我已经尝试了许多格式C#、Razor、超文本标记语言等。所有这些都以这样或那样的方式破坏代码。 如果我在Visual Studio（2019）中格式化它，那就太好了。有没有办法在Visual Studio Code中使用Visual Studio的格式化程序？ 我知道简单的答案是
-
Blockly的大多数应用程序都可以将用户程序翻译成JavaScript，Python，PHP，Lua，Dart或其他语言。此操作由Blockly在客户端执行。 生成代码 第一步是导入相关语言的生成器。 Blockly包括以下生成器： javascript_compressed.js python_compressed.js php_compressed.js lua_compressed.js