CodeMirror的使用方法

这里是利用vue来开发项目：
1、利用textare生成编辑器<textarea ref="textarea"></textarea>2、创建编辑器对象let editJson = CodeMirror.fromTextArea(this.$refs.textarea, {mode: 'application/json', // json数据高亮lineNumbers: true, // 显示行号theme: 'eclipse', //设置主题lineWrapping: 'wrap', // 文字过长时，是换行(wrap)还是滚动(scroll),默认是滚动showCursorWhenSelecting: true, // 文本选中时显示光标cursorHeight: 0.85, //光标高度，默认是1// 代码折叠lineWrapping: true,foldGutter: true,gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],matchBrackets: true, // 括号匹配smartIndent: true, // 智能缩进// 智能提示
    extraKeys：{"Alt-/": "autocomplete", "F11": function (cm) {cm.setOption("fullScreen", !cm.getOption("fullScreen"));}}});// 设置初始值editJson.setValue("输入代码\n")// 获取编辑器的值editJson.getValue()

转载于:https://www.cnblogs.com/wuting/p/10192515.html

CodeMirror的使用方法相关推荐

codemirror编辑html,CodeMirror的使用方法
最近项目中用到了CodeMirror这个代码编辑器,感觉非常好用,可以设置很多种代码格式.默认前提是你已经正确引入了所有的js文件和css文件. 下面是我在项目中用到过和在网上搜集整理的使用方法: 1 ...
CodeMirror使用小结
CodeMirror可以在线编辑代码,风格包括js, java, php, c++等等100多种语言.比较强大可以自行配置语言模式.能够做到自动补全,代码折叠,可配置键盘事件,vim, emacs, ...
CodeMIrror.js在线代码编辑器简单使用
代码高亮是程序员的刚需,不管是在笔记类,论坛类,博客类web网站中,都对代码高亮提出要求,不高亮的代码阅读体验很差,codeMirror是一个前端代码高亮库,使用方便.CodeMirror 是一款在线 ...
代码编辑器CodeMirror使用总结-配置理解说明
本文的选项是根据官网的配置环境进行的理解,有些选项没有使用到和没有理解的就没做说明,有理解不对的欢迎指出来,对没有说明的也欢迎用过的友友给出自己的理解常用选项配置 value 编辑器的初始值 - [ ...
Electron实现一个简易的编辑器
众所周知,大名鼎鼎的VS Code编辑器是用Electron写出来的,近日因为工作需要,对Electron进行了复习和实践,写了一个简单的编辑器. 编器主要实现了这些功能:应用菜单.右键菜单.新建.打 ...
在 Oracle Enterprise Linux 和 iSCSI 上构建您自己的 Oracle RAC 11g 集群
作者:Jeffrey Hunter 了解如何以低于 2,700 美元的费用在 Oracle Enterprise Linux 上安装并配置 Oracle RAC 11g 第 2 版开发集群. 本指南中 ...
Java面试题大全2021版
一.Java 基础 JDK 和 JRE 有什么区别? JDK:Java Development Kit 的简称,java 开发工具包,提供了 java 的开发环境和运行环境. JRE:Java Run ...
Vue 中CodeMirror使用方法
2021的Vue 中CodeMirror使用方法. 1.包括项目的安装 .官网地址. package.json信息 2.基本使用:引入方法.参数注释.案例 2018的Vue-CodeMirror. 1 ...
CodeMirror 使用方法
CodeMirror 使用方法初步建立步骤 npm install codemirror下载组件引入核心配置包 import * as CodeMirror from 'codemirror/li ...

CodeMirror的使用方法

CodeMirror的使用方法相关推荐

最新文章

热门文章