重赏!关于markdown代码编辑器的实时高亮 40C

应公司要求必须自己用js写个markdown功能!谁知道用什么文本框来进行输入!我试过
可编辑div 但是光标出现很多问题!用textarea怎么插入html来进行实时关键字匹配高亮呢。
有具体代码和思路做法吗

3个回答

caozhy
贵阳马善福 回复weixin_41064403: 你把插件的代码放到你程序里,就是自己实现了。js开源的。
一年多之前 回复
weixin_41064403
weixin_41064403 不用插件!自己实现
一年多之前 回复

http://libingw.github.io/OrionCodeEdit/
这个前端脚本编辑器插件还不错,而且是开源的,html,js,sql都有格式化和高亮的效果

textarea就是纯文本 无法插入html之类的东西 要用div模拟textarea 并不是单纯的可编辑div 而是用div模拟textarea 很很烦 所以还是推荐用第三方会比较好

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
WPF 高亮代码编辑器
这个是经典的TextEdit插件的源代码,里面有该插件的源码(原版)和文档,以及我增加的支持断点设置(修改版),可以用来做编译器的代码显示框。
markdown代码块如何高亮
markdown里面对代码块的引用语法是三个撇,就可以标注代码块的语言。 使用方法: 效果(使用sql) select ip,url,max(access_time) from t_pv_log group by ip,url; 参考:https://blog.csdn.net/shepherd_dirk/article/details/84646379 ...
CSDN markdown 代码块高亮
在需要高亮的代码块的前一行及后一行使用三个反引号“ ` ” (注意这个反引号的输入是 英文输入模式下tab键上面那个),同时第一行反引号后面表面代码块所使用的语言,如下图: 代码效果如下: int sched_get_priority_max(int policy); int sched_get_priority_min(int policy); 参考: https://blog.csdn...
MarkDown支持高亮的语言
在MarkDown编辑时,我们经常需要引入一段代码,此时若果代码能高亮显示,界面就会非常友好。 使用前: print(“Hello world!”) 使用后: print("Hello world!") 其中,使用 ```key 代码段 ``` 来标记语言时,下面的就会表格就会派上用场了 language key 1C 1c ActionScript ...
markdown代码编辑器vscode及安装说明
markdown代码编辑器vscode及安装说明,安装简单方便实用。
博客实现markdown字体高亮
字体实现markdown高亮使用到的工具:python2.7+Django框架+Markdown模块+Pygments模块Markdown ubuntu下安装pip: sudo apt install pip 安装markdown: sudo pip install markdown 在一级目录即project目录下(与你创建的app同级)创建static目录,并在其中创建image,css,js文
重赏
如哪位大虾能够实现:rn1。能将PDF格式文件用IE打开后自动打印rn2。而且能够自动选择纸张大小rn重赏人民币一万元。
Altium16 设置Net实时高亮
安装完Altium16 ,在PCB设计时,当鼠标停在某个Net上时无法自动高亮,按如下步骤设置即可 依次点击菜单栏 DXP->Preferences 在弹出的窗口中,点击左侧 PCB Editor->Board Insight Display,在右侧 Live Highlighting 选项下取消 Live Highlighting only when Shift Key Down
CSDN博客 Markdown文本编辑器 代码不能高亮原因
Markdown代码高亮方法 在使用Markdown文本编辑器时如果代码不能高亮显示 在代码块前加程序语言名称即可高亮显示 如 ```python 代码内容 ``` #!/usr/bin/python3 def hello(): print("hello world!") hello() 普通写法 ``` 代码内容 ``` #!/usr/bin/python3 def hello(): p...
如何使用MarkDown 使 代码块高亮
我使用的是Mou, 它本身是不支持 代码块高亮的 , CSDN 的在线编辑 的 代码块是支持高亮的,虽然不太好看使用Mou的时候在 文章开头加入<link rel="stylesheet" href="http://yandex.st/highlightjs/6.1/styles/vs.css"> <script src="http://yandex.st/highlightjs/6.1/hig
代码编辑器
专业的编辑器,不用重复打开C++
关于C++Builder的代码编辑器的问题
如何在代码编辑器中实现将一行较长的代码切分成若干行,简单说,就是换行的问题。cb中一换行就报错,请问,怎么换行?rn
关于Linux下的GUI代码编辑器?
刚开始接触linux,打算渐渐学习Linux下的程序开发,先要选一款编辑器。我不打算钻研那些软件的奇特用法,仅仅只是想熟悉其操作环境。比如vi和emacs,它们的命令好多的,不过我不是系统管理员,只是需要开发程序的工具。假设在Gnome环境下开发,有gedit这样的文本编辑器,就像用记事本一样,可以复制粘贴选择,能用鼠标我还是愿意用鼠标,不想按一大堆的键盘来执行这些基本操作。不过我想还是vim或emacs作为代码编辑工具更适合一点吧(暂时不需要Kdeveloper之类的集成IDE)。Emacs和Vim在linux下(Gnome中)我想应该也是有图形界面的,毕竟在windows下都有gVim。那么我在linux下使用vim/emacs,编辑代码的时候能不能主要使用GUI编辑功能来完成,再掌握一些必要的命令编译调试?按我这种需求,Vim和Emacs哪个更适合一点呢。rnrn顺便问个问题,OpenOffice和FireFox的图形界面都是用Gtk库开发的吗,KDE下面这些软件的图形界面是用QT库重写了,还是KDE包含Gnome程序的环境而能够支持它们运行?我看到一个文章说fvwm下面也能编译OpenOffice,fvwm不是只是一个单纯的窗口管理器吗,为啥也能支持OpenOffice这样的桌面GUI程序运行?问得有点弱智,不过网上都没找到释疑的答案。。。。
重赏求解,关于CScrollView的问题!
原来在Win98下用vc6.0编程,一个SDI程序由于视比较大,用函数SetScrollSizes()设置视的大小。后听说在Win98下最大只能设置视的大小为2**16-1=32767,这不能满足我的要求。有高手说在NT4.0下可以设置视的最大值为2**32-1。请问这样真的可以解决视的上限问题吗?谁试过?为什么在Win98下不能而在NT4.0下就可以?rn解释清楚就得分!
关于dll引入,高分重赏
我有一个mfc工程,有两个对话框CDialog1和CDialog2,都要用到一个dll,我在两个dialog的cpp文件里都#include "dll.h",link时出现错误。如果只在一个dialog的cpp文件里#include "dll.h",就没问题,但是另一个dialog由于没有引入dll出现编译错误,者不知道该怎么办rnAdjustConfigure.cpprnAdjustConfigureDlg.cpprnGenerating Code...rnLinking...rnAdjustConfigureDlg.obj : error LNK2005: "struct pcap * fp" (?fp@@3PAUpcap@@A) already defined in AdjustConfigure.objrnDialog1.obj : error LNK2005: "struct pcap * fp" (?fp@@3PAUpcap@@A) already defined in AdjustConfigure.objrnDialog2.obj : error LNK2005: "struct pcap * fp" (?fp@@3PAUpcap@@A) already defined in AdjustConfigure.objrnDialog3.obj : error LNK2005: "struct pcap * fp" (?fp@@3PAUpcap@@A) already defined in AdjustConfigure.objrnStdAfx.obj : error LNK2005: "struct pcap * fp" (?fp@@3PAUpcap@@A) already defined in AdjustConfigure.objrnAdjustConfigureDlg.obj : warning LNK4006: "struct pcap * fp" (?fp@@3PAUpcap@@A) already defined in AdjustConfigure.obj; second definition ignoredrnDialog1.obj : warning LNK4006: "struct pcap * fp" (?fp@@3PAUpcap@@A) already defined in AdjustConfigure.obj; second definition ignoredrnDialog2.obj : warning LNK4006: "struct pcap * fp" (?fp@@3PAUpcap@@A) already defined in AdjustConfigure.obj; second definition ignoredrnDialog3.obj : warning LNK4006: "struct pcap * fp" (?fp@@3PAUpcap@@A) already defined in AdjustConfigure.obj; second definition ignoredrnStdAfx.obj : warning LNK4006: "struct pcap * fp" (?fp@@3PAUpcap@@A) already defined in AdjustConfigure.obj; second definition ignoredrn Creating library Debug/AdjustConfigure.lib and object Debug/AdjustConfigure.exprnDebug/AdjustConfigure.exe : fatal error LNK1169: one or more multiply defined symbols foundrnError executing link.exe.rnCreating browse info file...rnrnAdjustConfigure.exe - 6 error(s), 7 warning(s)rnrnrnrn
重赏啊!!!
今日上网,开始用的是real9.0的浏览器,我同学又用IE开了一个窗口想进入热血传奇站www.mirx.com.cn,十几分钟之后,我就不可以打开任何一个链接了^_^!真的是郁闷啊,后来卸载了原来的IE,重新安装IE结果还是一样的!真麻烦啊,我昨天才装的系统啊!!!各位大侠帮我出个主意啊!!
vs2005 代码编辑器中,怎么实现当前行的背景颜色高亮
就像eclipse背景行变色一样,vs2005有没有这个功能 在哪里设置rn
重赏问题!
大家看看这个和这个帖子:rnhttp://expert.csdn.net/Expert/topic/1099/1099483.xml?temp=.933819rnhttp://expert.csdn.net/Expert/topic/1108/1108228.xml?temp=3.501529E-02rn500分征求传奇的代码。
重赏高手!
原帖内容如链接,如果高手能为我解答,酬谢如帖子内容所言,绝不食言!rnhttp://community.csdn.net/Expert/topic/4924/4924238.xml?temp=.9460871
Atom如何实时渲染界面(markdown,html)
Atom如何实时渲染界面(markdown,html) 我们在写代码的时候,希望能够及时看到我们的代码效果,下面有两种方案进行实现: 其中方案一的实现只能够解析Html文件等少数文件,而第二种方案可以解析html和markdown文件,建议安装第二种,方便快捷且实用 方案一: 使用atom-html-preview           1. 通过命令行安装: apm install a
将markdown转换成实时React示例
将markdown转换成实时React示例
让 Markdown 中的代码可以实时运行
背景 让 Markdown 中的代码可以实时运行,为什么会有这样一个需求? 在我们前端团队中,技术相关的文档都采用 Markdown 编写, 文档中往往会伴随很多示例代码,我们希望大家在阅读文档的时候,可以运行示例代码,看到效果。 需求 让 Markdown 中的代码可以运行,并预览效果。 代码可以在线编辑。 不影响整个文档流的布局。 支持 React, 支持代码高亮。 可以配置 babel。 ...
typora 强大的markdown显示器 实时显示
简单介绍下Typora吧 Typora是一个功能强大的Markdown编辑器,使用GFM风格(即大名鼎鼎的github flavored markdown)Typora目前支持Mac OS和Windows,Typora可以插入数学表达式,插入表情,表格,支持标准的Markdown语法,可以使用标注,功能强悍!!!还可以导出PDF文件和HTLM文件。实时预览!!!非常牛逼! 划重点,实时显示,实时显...
Marcdown轻量级的实时markdown查看器和编辑器
Marcdown轻量级的实时markdown查看器和编辑器
sublime3配置markdown实时刷新(chrome)
目录 需求分析 工具 安装插件 安装Package Control 安装插件 插件配置 使用 需求分析 轻量级的编辑器 支持编辑刷新预览同步 免费 基于目前市面上各种各样的Markdown编辑器,排除掉收费的、在线的、以及笔记类工具,最终选择了sublime3 + MarkdownEditing插件的模式。 需要的工具 Sublime3 Sublime3插件...
重赏求助
对话框上设置按钮调用单文档,使单文档能够弹出的方法,大侠们都帮助一下把!~
关于unity3d切换代码编辑器的问题
好了不多说,看图操作。1.选择菜单栏编辑按钮2.选择preferences3.如图就能设置你想要的编辑器了
关于窗口对象的代码编辑器的疑问?
窗口对象中有三个视窗,其中有一个是脚本视窗,脚本视窗中有三个下拉选择项,不知道select ancestor/descendant这个下拉选择项如何使用?rnrn请高手指点一、二,谢谢!
关于取消高亮的方法
当我在写程序时,发现我的代码中出现高亮的现在,而这是我所不需要的,所以我就想取消掉,可怎么取消呢?经过查阅资料,我发现了:在vi下,输入set nohlsearch即可;而若想显示高亮,只需输入set hlsearch,大家可以试试哦!
关于“文本高亮”的缓冲区………………
请问下面这段话中“缓冲区的方法进行循环显示可能可以提高效率”中“缓冲区”rn的 原理 及 实现机制?rnrn “其实这个类有个缺点就是它显示速度的问题。当文本比较小的时候没有什么问题,当文件一大时,我试过,因为要对整个文件进行初始化,例如颜色的处理,文本的显示等等,往往两三千行的代码要将近一分种才能显示。这个我分析过,主要是它读取算法的效率问题。它是进行单字分析,并进行一定的处理的。在流程较大时极大的降低了效率,看来要采取缓冲区的方法进行循环显示可能可以提高效率。总的来说,还可以忍受。”
关于高亮的一个问题
1.对象:一个table,一个rn 一个rn rn -----------------------------rn | | | <---- (1) rn -----------------------------rn table--> | | | <---- (2)rn -----------------------------rn | | | <---- (3)rn _____________________________rn (1)属性:bgcolor = "#FFFFFF"rn (2)属性:bgcolor = "##EBEBEB"rn (3)属性:bgcolor = "#FFFFFF"rn2.要求:rn 第一步:当鼠标点到 (1)处, (1)的bgcolor变成#9EBFFB,并且将"aa"加给input1.value,其他不变rn 第二步:当鼠标点到 (2)处, (2)的bgcolor变成#9EBFFB, 并且将"aa"加给input1.value,其他不变rn 第三步:当鼠标点到 (3)处, (3)的bgcolor变成#9EBFFB,并且将"aa"加给input1.value,其他不变rn 第四步:当鼠标再次点到 (1)处, (1)的bgcolor变成"#FFFFFF",并且将"bb"加给input2.value,其他不变rnrn3.我碰到的问题rnrn 当我用到rnrn function colorChange(trObject)rn rn if( trObject.bgcolor == "#FFFFFF" )rn rn rn rn if( trObject.bgcolor == "#9EBFFB" )rn rn rn rn rnrn 错误提示:trObject.bgcolor为空或者不是对象。rnrn 使用onclick="this.bgColor=(this.bgColor=='#99cc33')?'#66FF33':'#99cc33';if( this.bgcolor=='#66FF33' )check1();"时,不执行“if( this.bgcolor=='#66FF33' )check1();”部分rnrn谢谢各位,望得到解决!rnrn
关于CodeBlocks的括号高亮
问个小问题,在使用CodeBlocks时,每当我光标移到括号前后,编辑器就自动把括号选中并加了高亮,但我希望我选中括号时出现高亮,而没选中时(光标在它前后时)不出现高亮。rnrn[img=http://img.my.csdn.net/uploads/201303/12/1363058606_8872.PNG][/img]如图,光标在括号后面时,出现了高亮,希望高人解答
关于listctrl高亮的问题!
有一属性表,在属性表里加入一属性页,在属性页里有一listctrl控件,并且在属性表里动态加载了一些button控件。rn当点击listctrl中某一项时,该项高亮,但是当点击属性表中的某一button控件时高亮的那一项就不高亮了,我想使之继续高亮。如何解决这个问题?谢谢各位大虾!
相关热词 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法 c# gmail 发邮件 c# 多层文件