CodeMirror

vue-codemirror + Java Compiler实现Java Web IDE

背景最近同事告诉我一个很有趣的需求：让用户（应用场景中，一般为其他开发者）自己填入Java代码片段，代码片段的内容为已经规定好的模板类的继承类，实现模板类定义的方法。我们的项目要实现动态编译代码片段，存储代码片段和用户操作记录的映射关系，并能够在业务中载入代码片段执行。这有点像我们提供一个模板模式的架构，只不过模板类的实现类由外部接口填入代码片段动态实现。相较让其他开发者直接参与项目开发，无疑：降
Ygria·2020-05-23 18:00

vue（element）中使用codemirror实现代码高亮，代码补全，版本差异对比

vue（element）中使用codemirror实现代码高亮，代码补全，版本差异对比使用的是vue语言，用element的组件，要做一个在线编辑代码，要求输入代码内容，可以进行高亮展示，可以切换各不同语言
lgx211·2020-04-17 15:07

vue（element）中使用codemirror实现代码高亮，代码补全，版本差异对比

vue（element）中使用codemirror实现代码高亮，代码补全，版本差异对比使用的是vue语言，用element的组件，要做一个在线编辑代码，要求输入代码内容，可以进行高亮展示，可以切换各不同语言
lgx211·2020-04-17 15:09

不错的前端插件

DataRangePicker：日期范围选择fastClick：取消点击延迟，提高程序运行效率iCheck:复选框slimScroll：滚动条插件codemirror:在线代码编辑font-awesome
索隆大大·2020-04-11 23:41

SwitchHosts超棒的跨平台免费hosts管理软件

这是一个用于快速切换hosts文件的小程序，基于Electron开发（软件会稍大），同时使用了React、AntDesign以及CodeMirror等框架/库。
nicoapp精品软件·2020-04-09 02:27

VUE中展示代码

CodeMirrorCodeMirror是一款在线代码编辑器，本篇文章只记录展示代码，无在线编辑模块安装npminstallvue-codemirror--savemain.js引入import{codemirror
95.8℃·2020-04-07 22:00

往codemirror/vue-codemirror中传入json数据变成一行的解决方法(格式化codemirror里的json)

项目中有个功能是实现编辑json数据，我使用了vue-codemirror框架，但是传入json后都变成了一行，于是从框架本身入手，但是未能如愿，后面从源头入手解决了这个问题。
ldz_miantiao·2020-04-01 13:39

在线代码编辑器——ace editor

之前用的是codemirror，但是因为样式不美观，bug多，我将其更换成了两一个开源编辑器：aceeditor。下面是独立的demo效果图。效果图使用
陈大饼同学·2020-03-28 02:36

CodeMirror学习（4）

multiplex.html【示例针对html，复杂的标签嵌套问题】html结构：multiplex_html_code.pn对应的页面展示：multiplex_demo.png可以看出：嵌套的尖括号被正确的解析了，并且被渲染成了橙黄色【>】，在style中定义。但是还是原来的文本显示。需要引入的文件：multiplex_link.pngjs代码：multiplex_js_code.pngmust
一只te立独行的猪·2020-03-27 07:39

react中使用codeMirror之代码对比方法：codeMirror.mergeView()

codeMirror是一个很强大的代码编辑器，其中的mergeView方法可以进行代码的对比官网地址：https://codemirror.net/gitHub地址：https://github.com
RyleeLouth·2020-03-04 17:57

代码编辑器CodeMirror（插件类）

发现CodeMirror刚好满足所有需求。
枫之伊信·2020-03-01 07:59

CodeMirror学习（1）

找来找去，选中了CodeMirror。
一只te立独行的猪·2020-02-25 12:52

基于Code Mirror的在线Web 编辑器

pacel构建好坑这个pacel，贴个效果图吧，但是构建的速度是真的快pacel构建的编辑器.pngwebpack+vue+CodeMirror构建需要的依赖包包"vue-codemirror":"^4.0.5
午夜阳光5021·2020-02-23 17:43

selenium 关于CodeMirror-code中无法输入内容解决方法

今天在使用selenium对CodeMirror-code类型的文本域对象使用send_keys方式输入内容时，发现这种方式不生效了image.png尝试代码方式：#组件内容b.find_element_by_name
一如既往不再少年·2020-02-22 00:01

使用 CodeMirror 打造属于自己的在线代码编辑器

mark前提写这个的目的是因为之前项目里用到过CodeMirror，觉得作为一款在线代码编辑器还是不错，也看到过有些网站用到过在线代码编辑，当然我不知道他们是用什么做的，这里我把公司项目里用到的那部分抽出来
zhisheng_blog·2020-02-22 00:14

CodeMirror学习（3）

merge.html【有点类似于git或svn的代码合并】两个面板对比。merge_panel_2.png三个面板对比。merge_panel_3.png面板中间部分可配置。merge_optional.png对齐。merge_align.png代码折叠。merge_collapse.png代码展示：需要引入的文件【merge.css和merge.js是关键】：merge_code_link.pn
一只te立独行的猪·2020-02-09 18:48

Ant Design中使用CodeMirror2代码编辑器

CodeMirror是一款在线的支持语法高亮的代码编辑器。
梧可奈何·2020-02-07 07:12

CodeMirror插件，鼠标光标与代码定位错误BUG处理

大家好，我在开发Z平台时随到一个BUG，在Z平台表单类型中，“源码输入框”类型的字段是使用CodeMirror插件开发完成的，在使用CodeMirror插件时，发现一个BUG，当然这个BUG有可能是我集成其它
赵戬·2020-01-17 13:29

[editer]CodeMirror在线代码编辑器

在线代码编辑器CodeMirror简介-知乎专栏https://zhuanlan.zhihu.com/p/221634741.什么是CodeMirror最近做一个项目需要在网页上实现一个代码编辑器，支持语法高亮
葡萄喃喃呓语·2019-12-31 22:14

像 Sublime Text 一样使用 Chrome DevTools

DevTools,JSBin和Codepen这些现代工具都以CodeMirror作为他
IT程序狮·2019-12-23 22:39

CodeMirror学习（2）

changemode.html【支持一种语言到另一种语言模式的转换；示例中是Schememode和JSmode的相互转换。编辑器会自动监测编辑框内用户输入的代码是哪一种mode，检测之后就会更改它的mode】change_mode_demo.png普及一下Scheme：Scheme是一种函数式编程语言，是Lisp的两种主要方言之一（另一种为CommonLisp）。【表示没用过，js也是一种函数式编
一只te立独行的猪·2019-12-13 04:13

网页Markdown编辑器源码，可接入项目

Editor.md是一款开源的、可嵌入的Markdown在线编辑器（组件），基于CodeMirror、jQuery和Marked构建官方文档分类、相关介绍全部功能·演示地址官方：项目地址·github源码
忘了呼吸的那只猫·2019-11-29 11:56

markdown编辑器之editormd使用整合

007.gif1.editor.md简介1.1说明Editor.md是一款开源的、可嵌入的Markdown在线编辑器（组件），基于CodeMirror、jQuery和Marked构建。
我是罗易呀·2019-11-23 08:04

小书匠编辑器

codemirror编辑器（提供vim,emacs按键，行专注等），ace编辑器（提供vim，e
葱白95·2019-11-21 11:00

用React实现一个掘金Style的文章编辑器

本文将用React＋CodeMirror＋Showdown实现一个类似于掘金编辑器的单页应用。动图效果先不说那么多，先上动图效果吧。布局下面是掘金文章编辑器的布局。可以看到，编辑器主要由
MarvinZhang·2019-09-27 12:30

在vue里使用codemirror的两种用法

第一种用法：1、安装：npminstallvue-codemirror--save2、在main.js中引入importVueCodeMirrorfrom'vue-codemirror'import'codemirror
青竹玉简·2019-09-25 17:00

实现一个掘金Style的文章编辑器

本文将用React＋CodeMirror＋Showdown实现一个类似于掘金编辑器的单页应用。动图效果先不说那么多，先上动图效果吧。布局下面是掘金文章编辑器的布局。可以看到，编辑器主要由
MarvinZhang·2019-09-23 06:40

CodeMirror js代码加亮使用总结

CodeMirror是一个基于JavaScript的代码编辑器，CodeMirror支持大量语言的语法高亮,也包括css,html,js等的高亮显示。
·2019-09-22 20:05

vue-code-mirror 的使用

importVuefrom'vue'importvueQuillEditorfrom'vue-quill-editor'importvueCodeMirrorfrom'vue-codemirror-lite'importAppfrom
aithena·2019-09-16 23:38

实现一个掘金Style的文章编辑器

本文将用React＋CodeMirror＋Showdown实现一个类似于掘金编辑器的单页应用。动图效果先不说那么多，先上动图效果吧。布局下面是掘金文章编辑器的布局。可以看到，编辑器主要由
MarvinZhang·2019-09-01 00:00

vue实现codemirror代码编辑器中的SQL代码格式化功能

vue实现codemirror代码编辑器中的SQL代码格式化功能1、首先使用npm安装sql-formatter插件npminstall--savesql-formatter2、然后引入该sql-formatter.js
跌跌撞撞的博客·2019-08-27 14:51

在vue项目中使用codemirror插件实现代码编辑器功能

在vue项目中使用codemirror插件实现代码编辑器功能（代码高亮显示及自动提示），具体内容如下所示：1、使用npm安装依赖npminstall--savecodemirror;2、在页面中放入如下代码
跌跌撞撞的博客·2019-08-27 14:52

vue使用codemirror的两种用法

代码显示这里用的是vue-codemirror插件。
kristy1993·2019-08-27 13:00

在vue里使用codemirror的两种用法

代码显示这里用的是vue-codemirror插件。
kristy1993·2019-08-27 11:00

写了一个hugo的博客客户端

传送门https://github.com/jecshcier/...这里只是前端部分，使用webpack+react+codeMirror构建。
ShayneC·2019-08-08 00:00

记使用tui-editor添加自定义toolbar

nhn.github.io/tui.editor/api/latest/#2.淘宝cnpm包：http://npm.taobao.org/package/tui-editor#-docs使用：①require('codemirror
Radish999·2019-07-15 14:27

codemirror / vue-codemirror 插件 使用总结

1、安装vue-codemirrornpminstallvue-codemirror--save2、在main.js中引入import{codemirror}from'vue-codemirror'import'codemirror
咕噜咕噜的车轮向前·2019-06-26 10:57

最近在vue里使用CodeMirror的小坑 格式不对齐 整体左偏

最近有个项目迁移，完整的功能代码很复杂，精简到我负责的项目，只需要部分内容，其中用到了CodeMirror这个编辑器，本来都没问题了结果到了页面上一看：如图行号与代码重叠如图所示，代码都往左边偏移了（忽略代码随意打的
TerryfiNe·2019-05-14 10:11

插件积累篇

picgo-plugin-pic-migrater:APicGopluginforpicturesinmarkdownfilesmigratingfromonepicBedtoanotherone.textarea语法高亮的插件https://codemirror.net
若天使在·2019-03-13 11:34

在vue项目里使用Monaco Editor

项目中本来使用的是codemirror，但是index.html中需要引入很多js和css，使用起来感觉不太方便（可能是水平有限，用的不对）1，安装monaco-editor和monaco-editor-webpack-pluginnpminstallmonaco-editormonaco-editor-webpack-plugin2
haoyanyu_·2019-01-24 14:08

使用CodeMirror实现Python3在线编辑器的示例代码

Documentclick二、配置CodeMirror在index.js中配置CodeMirrorwindow.onload=function(){varel=document.getElementById
小结点·2019-01-14 14:29

使用CodeMirror实现Python3在线编辑器

Documentclick二、配置CodeMirror在index.js中配置CodeMirrorwindow.onload=function(){varel=document.getElementById
小结点·2019-01-13 00:00

解决启用 codemirror后，jquery获取不到textarea 的值

例子window.editor_two=CodeMirror.fromTextArea(document.getElementById("config"),{lineNumbers:true,matchBrackets
295631788·2018-11-16 17:25

CodeMirror 小册子

Usermanualandreferenceguideversion5.41.1用户手册和参考指南CodeMirrorisacode-editorcomponentthatcanbeembeddedinWebpages.Thecorelibraryprovidesonlytheeditorcomponent
weixin_30411239·2018-11-16 16:00

在vue里使用codemirror遇到的问题

前提小结：第一次用codemirror，而且是在vue里面使用，看了官方文档，一大串都是英文，翻译后大概了解了这个插件，然后在项目中使用时出现过好几个问题：1.新版的codemirror在lib目录下没有
oumaharuki·2018-11-01 16:59

vue中使用codemirror的实例详解

这篇文章在vue里使用codemirror遇到的问题，写的很不错，还有下载的方法，大家可以点击查看。
遇你温柔如初·2018-11-01 16:45

vue中使用codemirror

oumaharuki/article/details/79268498别人的记载，写的很不错，还有下载的方法以下是自己使用过的，做出来的例子：做出来的效果图：记住使用之前要npm下载哦npminstallvue-codemirror
weixin_33762321·2018-11-01 15:00

nuxt.js使用代码编辑器codemirror

1.安装npm install vue-codemirror --save2.在plugins中创建nuxt-codemirror-plugin.jsimportVuefrom'vue'importVueCodemirrorfrom'vue-codemirror
骑着代码去流浪·2018-10-06 21:07

CodeMirror 实现 JavaScript、 MySql 关键字的变色和自动实时提示 autocomplete

引入静态资源：js代码实例：/***用来实时对用户的输入进行提示*/functionshowCodeHint(editor){editor.on("cursorActivity",function(){//获取用户当前的编辑器中的编写的代码varwords=editor.getValue()+"";//利用正则取出用户输入的所有的英文的字母words=words.replace(/[a-z]+[\
禅与计算机程序设计艺术·2018-09-07 16:33

手把手教你搭建网页代码编辑器

CodeMirrorCodeMirror是一个可以镶嵌到Web页面中代码编辑器组件。它的核心代码库仅仅提供了编辑器功能，没有提供像是自动补全,语法纠错等IDE功能。
PengJiyuan·2018-09-06 00:00
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他