CodeMirror 在线代码编辑器

Stella981 等级 120 0 0

像百度编辑器插件部分、菜鸟教程示例等高德地图都在使用,这里也记录一下:

CodeMirror是一个用于编辑器文本框textarea代码高亮javascript插件......vue 中使用 参见:https://www.npmjs.com/package/vue-codemirrorhttps://blog.csdn.net/oumaharuki/article/details/79268498普通使用例如:

<!doctype html>
<title>CodeMirror</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="codemirror.css">
<script src="codemirror.js"></script>
<script src="xml.js"></script>
<article>
  <form style="border:1px solid red;">
    <textarea id="code" name="code">
    This is an example of EJS (embedded javascript)
    <p>The program says <%= hello("world") %>.</p>
    <script>
      alert("And here is some normal JS code"); // also colored
    </script>
    <div>addd</div>
    </textarea>
  </form>
  <script>
    var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
      lineNumbers: true,
      mode: "text/html",
      indentUnit: 4,
      indentWithTabs: true
    });
    editor.on("change", function (Editor, changes) {
      console.log('test')
      console.log(Editor)
      console.log(changes)
      console.log(editor.getValue())
    });
  </script>
</article>

地址:http://codemirror.net/

使用手册:http://codemirror.net/doc/manual.html

github地址:https://github.com/marijnh/codemirror

使用方法等,可见前辈整理:

CodeMirror 使用大全 https://www.cnblogs.com/onlyonely/p/4450029.html

编辑器大全  http://www.html580.com/6399

收藏
评论区

相关推荐

HTTPS
### 最近网站更新为https,于是做个笔记 ### 将域名 [www.domain.com](https://www.oschina.net/action/GoToLink?url=http%3A%2F%2Fwww.domain.com) 的证书文件1\_www.domain.com\_bundle.crt 、 ### 私钥文件2\_www.doma
HTTPS
楔子 谣言粉碎机前些日子发布的《[用公共WiFi上网会危害银行账户安全吗?](https://www.oschina.net/action/GoToLink?url=http%3A%2F%2Fwww.guokr.com%2Farticle%2F100110%2F)》,文中介绍了在使用HTTPS进行网络加密传输的一些情况,从回复来看,争议还是有的。随着网络越
HTTPS加密原理
http(超文本传输协议) ------------- > 一种属于应用层的协议 缺点: 1. 通信使用明文(不加密),内容可能会被窃听 2. 不验证通信方的身份,因此有可能遭遇伪装 3. 无法证明报文的完整性,所以有可能已遭篡改 优点: 1. 传输速度快 https ----- > HTTPS 并非是应用层的一种新协议。只是 HTTP
HTTPS学习笔记
笔记详细地址:[http://note.youdao.com/yws/public/redirect/share?id=4882fca3838541908c75c92c92d28b74&type=false](https://www.oschina.net/action/GoToLink?url=http%3A%2F%2Fnote.youdao.com%2F
HTTPS请求
##HTTPS请求## > **HttpsUtils代码** package com.ices.utils.httpsHelp; import java.io.BufferedReader; import java.io.InputStream; import java.io.InputStreamReader;
Atom 特效插件activate
    先体验一下效果,爽到你眼瞎 ^\_^。网址: [http://kushagragour.in/code-blast-codemirror/demo/index.html](https://www.oschina.net/action/GoToLink?url=http%3A%2F%2Fkushagragour.in%2Fcode-blast-code
CodeMirror 在线代码编辑器
像百度编辑器插件部分、菜鸟教程示例等高德地图都在使用,这里也记录一下: CodeMirror是一个用于编辑器文本框textarea代码高亮javascript插件......vue 中使用 参见:https://www.npmjs.com/package/vue-codemirrorhttps://blog.csdn.net/oumaharuki/
CodeMirror的使用方法
这里是利用vue来开发项目: 1、利用textare生成编辑器 <textarea ref="textarea"></textarea> 2、创建编辑器对象 let editJson = CodeMirror.fromTextArea(this.$refs.textarea, { mode
Https详细分析
#### 目录介绍 * 01.为何会有Https * 02.解决方案分析 * 03.SSL是什么 * 04.RSA验证的隐患 * 05.CA证书身份验证 * 06.Https工作原理 * 07.Https代理作用 * 08.Https真安全吗 * 09.Https性能优化 ### 01.为何会有Https * H
Nginx配置https
一、开启nginx的ssl模块 1.未安装过nginx,编译安装配置参数如下: ./configure \--prefix=/usr/local/nginx \--with-pcre \--with-http\_ssl\_module #ssl模块 \--with-http\_stub\_status\_module \--wit
SpringBoot Web Https 配置
不管是游戏服务器开发,还是其它服务开发,越来越多的平台都要求服务端必须支持https的访问。以增加安全性。比如目前火热的小程序,要求服务端必须支持https,苹果商店也有说http请求要修改为https。所以https将会是游戏服务器的普遍需求。 一,证书生成 ======    证书可以自己使用jdk生成进行测试。但是在正常使用的时候,需要去第三方机构
SpringBoot2.x配置Https
准备工作 ==== 需要自签,或者权威机构颁发的证书一张 springboot配置Https访问 =================== #ssl #https访问的端口 server.port=8085 #证书,可以存放在resoucrs目录下 server.ssl.key-store=classpath:to
springboot2 配置 https
package cn.xiaojf.aibus.configure; import org.apache.catalina.Context; import org.apache.catalina.connector.Connector; import org.apache.coyote.http11.Http11Ni