codemirror 笔记

最新推荐文章于 2024-06-24 00:36:46 发布
最新推荐文章于 2024-06-24 00:36:46 发布
阅读量671 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yanyang1116/article/details/74226057
版权

codemirror 笔记

/addon/edit/

这个目录主要是针对代码编辑的时候，童工的一些功能  

closetag.js     自动补全对照
closebrackets.js   自动关闭括号
matchbrackets.js   括号没补全 报错提示
matchtags.js  标签未关闭  报错提示
continuelist  不知道干嘛的

Trailing Whitespace   多打了空格会提示





 

 

 

 

Index of /addon/hint/
 

 

../
anyword-hint.js                                    19-Aug-2015 13:47                1680
css-hint.js                                        19-Aug-2015 13:47                2165
html-hint.js                                       19-Aug-2015 13:47               11341
javascript-hint.js                                 19-Aug-2016 08:54                6437
show-hint.css                                      28-Jun-2016 09:13                 623
show-hint.js                                       01-Jul-2016 07:47               16116
sql-hint.js                                        27-Apr-2017 07:45                9090
xml-hint.js                                        19-Aug-2015 13:47                4735
 这个应该是一些代码提示 

 


 
 

 

Index of /addon/lint/
 

 

../
coffeescript-lint.js                               19-Aug-2015 13:47                1270
css-lint.js                                        19-Aug-2015 13:47                1146
html-lint.js                                       19-Aug-2015 13:47                1513
javascript-lint.js                                 19-Aug-2015 13:47                4469
json-lint.js                                       19-Aug-2015 13:47                 954
lint.css                                           15-May-2016 19:53                2999
lint.js                                            30-Mar-2017 11:06                8283
yaml-lint.js     
 

 

 

这些是代码检测
 


 
 

 

Index of /addon/comment/
 

 

../
comment.js                                         15-Mar-2017 09:38                9117
continuecomment.js                                 19-Aug-2015 13:47                3399
 

 

 

用来处理，注释的类型
 


 
 

 

Index of /addon/display/
 

 

../
autorefresh.js                                     19-Aug-2015 13:47                1543
fullscreen.css                                     19-Aug-2015 13:47                 116
fullscreen.js                                      19-Aug-2015 13:47                1494
panel.js                                           10-Apr-2017 20:18                4278
placeholder.js                                     09-Mar-2016 21:19                2139
rulers.js                                          02-Nov-2016 09:10                1915

 

 
 
 

 编辑器样式 形态？？？ 

 


 
 

 

Index of /addon/fold/
 

 

../
brace-fold.js                                      17-May-2016 13:40                3939
comment-fold.js                                    07-Jun-2016 10:27                2161
foldcode.js                                        02-Jun-2016 19:44                4751
foldgutter.css                                     19-Aug-2015 13:47                 435
foldgutter.js                                      03-Jun-2016 20:52                4631
indent-fold.js                                     01-May-2017 11:44                1673
markdown-fold.js                                   19-Aug-2015 13:47                1605
xml-fold.js                                        01-Apr-2017 17:19                6640
 

 

折叠???
 


 
 


 
 

 

Index of /addon/
 

 

../
comment/                                           15-Mar-2017 09:38                   -
dialog/                                            16-Feb-2016 15:42                   -
display/                                           10-Apr-2017 20:18                   -
edit/                                              21-Jun-2017 06:59                   -
fold/                                              01-May-2017 11:44                   -
hint/                                              27-Apr-2017 07:45                   -
lint/                                              30-Mar-2017 11:06                   -
merge/                                             07-Mar-2017 13:32                   -
mode/                                              22-Jun-2017 20:11                   -
runmode/                                           28-Jun-2017 09:32                   -
scroll/                                            10-Feb-2017 20:23                   -
search/                                            27-Jun-2017 15:57                   -
selection/                                         23-Feb-2017 08:37                   -
tern/                                              05-Apr-2016 08:06                   -
wrap/                                              20-Jun-2016 09:20                   -
 大概这么多 

 


 

                

        

        

    

  


    

      

        

            

              
                
                  yanyang1116
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
CodeMirror使用笔记

				
			

			

				

					helloworld的专栏
				

				

					12-09
					
					1809
					
				

			

		

		

			
				
最近因工作需要，在项目中使用了CodeMirror代码编辑器，以下是使用笔记。
首先，看下最终的效果

引入基本的需要资源
<script
	src="<%=request.getContextPath()%>/resources/js/codemirror/codemirror.js"
	type="text/javascript"></script>
&lt...

			
		

	



                

              
                



	

		

			

				
					
codemirror 光标定位_CodeMirror 中固定滚动位置

				
			

			

				

					weixin_42512494的博客
				

				

					01-12
					
					2590
					
				

			

		

		

			
				
CodeMirror是最流行的代码编辑器之一，包括写作软件 WonderPen在内的很多工具都使用它开发。与印象笔记等笔记软件不同，WonderPen的定位是一款写作软件。写作软件与笔记软件之间有很多区别，最大的不同就是前者更专注于提升写作时的体验，而后者则更专注于数据的存储与连接。写作软件中有一个常见的特性，「打字机模式」。打字机模式在 Word等大多数编辑软件中，如果你输入了很多内容，...

			
		

	



                


  
              

                


	

		

			

				
					
CodeMirror是一个为浏览器定制的全能的文本编辑器用JavaScript实现

				
			

			

				

					08-10
				

			

		

		

			
				
CodeMirror 是一个为浏览器定制的全能的文本编辑器，用 JavaScript 实现。专门用来编写代码，支持超过100个语言，以及各种各样的扩展让我们实现更高级的编辑功能。 

			
		

	





	

		

			

				
					
CodeMirror  小册子

				
			

			

				

					weixin_30411239的博客
				

				

					11-16
					
					1256
					
				

			

		

		

			
				
User manual and reference guide   version 5.41.1
用户手册和参考指南

CodeMirror is a code-editor component that can be embedded in Web pages. The core library providesonlythe editor component, no acco...

			
		

	



		

			
		



	

		

			

				
					
vue-codemirror实现代码编辑器

					
最新发布

				
			

			

				

					sdu_21_lyh的博客
				

				

					06-24
					
					1655
					
				

			

		

		

			
				
vue-codemirror代码编辑器——编辑JSON版

			
		

	





	

		

			

				
					
codemirrotest

				
			

			

				

					12-08
				

			

		

		

			
				
手动设置提示信息,在设置提示信息的时候是将提示信息作为参数传如编辑器中

			
		

	





	

		

			

				
					
CodeMirror在线代码编辑器 v5.43.0

				
			

			

				

					10-04
				

			

		

		

			
				
CodeMirror 是一款Online Source Editor，基于Javascript，短小精悍，实时在线代码高亮显示，他不是某个富文本编辑器的附属产品，他是许多大名鼎鼎的在线代码编辑器的基础库。CodeMirror本身的

			
		

	





	

		

			

				
					
CodeMirror安装及使用

				
			

			

				

					MichaelAn的博客
				

				

					01-29
					
					6241
					
				

			

		

		

			
				
Code mirror
code mirror 是一个代码编辑插件，最终效果如下

在常规HTML界面使用
&lt;!--选择脚本编码代码--&gt;
&lt;div class="controls"&gt;
    &lt;input class="ck-code" type="radio" name="script_once_type" id="script_once_typ

			
		

	





	

		

			

				
					
append-editor：通过CodeMirror，Rich Markdown和Monaco将带有GitHub Flavored Markdown的笔记@StandardNotes附加到| https：appendeditor.com

				
			

			

				

					02-08
				

			

		

		

			
				
Append Editor是的非官方， 是一个免费的， ，笔记应用程序。  试用演示在或了解更多的 。  附录编辑器遵循“先阅读”的哲学。 当您打开便笺时，编辑器将以“只读/查看模式”启动，因此您不会意外地编辑旧便笺。 您...

			
		

	





	

		

			

				
					
codemirror 光标定位_使用Codemirror打造Markdown编辑器

				
			

			

				

					weixin_39624097的博客
				

				

					12-20
					
					1137
					
				

			

		

		

			
				
前几天突然想给自己的在线编译器加一个Markdown编辑功能，于是花了两三天敲敲打打初步实现了这个功能。一个Markdown编辑器需要有如下常用功能：粗体斜体中划线标题链接图片引用代码有序列表无序列表横线看上去想实现这些功能有点复杂，但是Codemirror提供了很多API可以更方便地修改编辑内容。CodeMirror​codemirror.net在阐述我是如何实现这些功能前，我先将实现时用到的A...

			
		

	





	

		

			

				
					
代码在线编辑codemirror在React中使用

				
			

			

				

					qq_39262418的博客
				

				

					09-29
					
					2357
					
				

			

		

		

			
				
初次学习codemirror笔记


			
		

	





	

		

			

				
					
codeMirror代码格式化（官方demo）

				
			

			

				

					06-14
				

			

		

		

			
				
codeMirror代码格式化工具,支持sql、C、Java等目前主流的编程语言

			
		

	





	

		

			

				
					
vue中使用codemirror的实例详解

				
			

			

				

					12-01
				

			

		

		

			
				
这篇文章在vue里使用codemirror遇到的问题，写的很不错，还有下载的方法，大家可以点击查看。
以下是自己使用过的，做出来的例子：
做出来的效果图：

记住使用之前要npm下载哦　　

npm install vue-codemirror --save
main.js

import { codemirror } from 'vue-codemirror'
　　import 'codemirror/lib/codemirror.css'
　　Vue.use(VueCodemirror)
再到组件中使用　

import { codemirror } from 'vue-codemirro

			
		

	





	

		

			

				
					
codemirror支持中文数据库模式表字段SQL自动代码提示

				
			

			

				

					03-25
				

			

		

		

			
				
codemirror的sql代码提示默认是不支持中文表名自动提示的，在源码中写法只是检索字母数字下划线，加上中文匹配的正则后，终于支持中文表了。修改文件只有sql.js，其他文件只是为了方便打断点，格式化了一下方法

			
		

	





	

		

			

				
					
vue3+TS使用Codemirror插件实现浏览器的多功能文本编辑器

				
			

			

				

					m0_68804724的博客
				

				

					03-17
					
					3142
					
				

			

		

		

			
				
Codemirror 

			
		

	





	

		

			

				
					
vue3+typescript 使用Codemirror实现在线代码编辑器功能

				
			

			

				

					哈
				

				

					06-03
					
					393
					
				

			

		

		

			
				
【代码】vue3+typescript 使用Codemirror。

			
		

	





	

		

			

				
					
【vue3+ts版】使用Codemirror

				
			

			

				

					weixin_46210899的博客
				

				

					04-29
					
					1328
					
				

			

		

		

			
				
【vue3+ts版】使用Codemirror实例

			
		

	





	

		

			

				
					
代码编辑器CodeMirror使用总结-配置理解说明

					
热门推荐

				
			

			

				

					qq564280420的博客
				

				

					01-13
					
					1万+
					
				

			

		

		

			
				
本文的选项是根据官网的配置环境进行的理解，有些选项没有使用到和没有理解的就没做说明，有理解不对的欢迎指出来，对没有说明的也欢迎用过的友友给出自己的理解
常用选项配置
value
编辑器的初始值 - [string | CodeMirror.Doc]
// formTextArea 方法初始化编辑器时，value被textarea的值覆盖掉了
CodeMirror.fromTextArea(document.getElementById('textarea'), {
  value: 'function ab

			
		

	





	

		

			

				
					
vue中codemirror自定义自动补全

				
			

			

				

					Ccther_cheng的博客
				

				

					11-09
					
					3251
					
				

			

		

		

			
				
codemirror自定义自动补全

			
		

	





	

		

			

				
					
CodeMirror

				
			

			

				

					04-20
				

			

		

		

			
				
CodeMirror是一个用于在网页上创建和编辑代码的JavaScript库。它提供了一个功能强大的代码编辑器，支持多种编程语言和语法高亮显示。CodeMirror具有以下特点： 1. 语法高亮显示：CodeMirror可以根据不同的编程语言...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值