![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
codemirror
smk108
目前主要工作是前端开发工程师,用过div+css、js、JQuery、bootstrap、ionic等技术,做过pc端,也试过移动端,尝试过混合式开发。目前,主要精力集中于React、Webpack、Redux 等React技术栈,也在学习es6等新技术。
展开
-
CodeMirror:Uncaught TypeError codeMirrorInstance.fromTextArea is not a function
之前在《CodeMirror实现关键词高亮及自定义主题》中简单介绍过react-codeMirror的使用和主题的自定义方式,最近在另外一个webpack打包的React项目中再次使用时遇到题目中比较奇怪的问题,请教了两位同事,终于解决了该问题,特此记录一下排查问题的过程及导致问题的原因。首先说明一下问题,在组件中使用最简单的方式使用react-codeMirror,代码示例如下:imp...原创 2019-01-25 20:07:00 · 2027 阅读 · 0 评论 -
CodeMirror基本使用及实现关键词高亮、自定义主题
CodeMirror是一款在线的支持语法高亮的代码编辑器,现在已有封装的react版本(react-codemirror)可以直接使用。Codemirror资源文件中,lib下是放的是核心库和核心css,mode下放的是各种支持语言的语法定义,theme目录下是支持的主题样式。使用codemirror实现在线代码编辑器主要包括的功能是:1、实现自动提示2、 关键词高亮与自定义theme...原创 2018-01-19 19:25:26 · 37056 阅读 · 0 评论 -
CodeMirror实现自定义提示功能
我之前在文章《CodeMirror基本使用及实现关键词高亮、自定义主题》中简单介绍了CodeMirror实现自动提示的功能,但是使用的是CodeMirror中封装好的几种指定语法的提示功能,如css、html、js、sql、xml,对应文件如下列表:现在我开发中有需求做自定义语法的自动提示功能,并没有现成的mode可以使用,学习CodeMirror API和上述几个文件的实现方式之后找到了...原创 2019-02-18 18:57:39 · 26716 阅读 · 21 评论 -
CodeMirror实现自定义提示功能增强版(支持搜索、调用接口查询提示内容)
之前在《CodeMirror实现自定义提示功能》中介绍过CodeMirror实现自定义提示功能的一种实现方式,但是之前的实现有一些局限性,主要是:1、需要提示的内容是从variablePool中读取的,需要先确定variablePool;2、提示的内容需要一个个去选择,不支持搜索功能。本文提供了一种解决上述两个问题的实现方式,不同的主要是handleShowHint这个方法,修改了一些提示逻辑...原创 2019-05-06 19:18:01 · 8361 阅读 · 2 评论