2 weixin 41064403 weixin_41064403 于 2018.03.14 22:24 提问

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

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

3个回答

caozhy
caozhy   Ds   Rxr 2018.03.14 23:44
caozhy
caozhy 回复weixin_41064403: 你把插件的代码放到你程序里,就是自己实现了。js开源的。
4 个月之前 回复
weixin_41064403
weixin_41064403 不用插件!自己实现
4 个月之前 回复
yygyygyygff
yygyygyygff   2018.03.16 16:55

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

qinshoucz
qinshoucz   2018.04.22 11:52

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
100行代码实现基于react的markdown输入+即时预览在线编辑器
100行代码 react markdown 在线编辑器 即时预览
Atom - 介绍和使用方法(好用的文本编辑器,代码提示高亮、Markdown)
一,Atom介绍Atom 是 Github 开源的文本编辑器,这个编辑器完全是使用Web技术构建的(基于Node-Webkit)。启动速度快,提供很多常用功能的插件和主题,可以说Atom已经足以胜任“半个IDE”了。个人感觉有如下几个优点:(1)多平台支持(Windows、Mac、Linux)(2)界面美观、现代化,使用舒适(3)多文件管理(Atom提供了文件树列表的功能)(4)设置管理很方便,不
Sublime Text3下两款Markdown插件 支持实时预览与代码高亮
Sublime Text3 安装 Package Control 快捷键 ctrl+` Sublime Text3安装Package Control代码如下import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Pack
MarkDown支持高亮的语言
MarkDown支持高亮的语言
markdown-it+highlight.js后端渲染的代码高亮问题解决
起因 想把自己写的Vue学习笔记挂到自己用heroku搭的小网站上去,已经在npm上搜到GitHub风格的插件,配合markdown-it可以做到GitHub的markdown风格显示效果,但是昨天发现代码没有高亮,想做好代码高亮效果 解决过程 首先查看markdown-it,毕竟这样一个大插件没有自带的highlight效果可能性很小,Ctrl+F搜索后发现了相关代码,发现了,后端直接赋值。
博客实现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文
Markdown使用之CSDN支持语法高亮的常用语言
语言名 关键字 Bash bash CoffeeScript coffeescript C++ cpp C# cs CSS css Diff diff HTTP http Ini ini Java java JavaScript javascript JSON json Makefile makefil
Notepad++上使用Markdown及其高亮Highlight设置
准备在博客上写文章,很多人推荐notepad++,于是查资料添加了markdown插件并使用高亮 只需四步,最终效果如下,还算不错,能够实现实时预览 + 步骤一 在notepad++官网下载64位安装包 + 步骤二 下载最新的markdown插件,github:https://github.com/nea/MarkdownViewerPlusPlus/releases 登不上g...
解析markdown文本,高亮代码,目录侧边栏
前言 个人比较喜欢使用markdown写笔记,用过vs code,也用过作业部落,但是都没有自己喜欢的侧边栏显示目录效果,所以就打算自己写一个web来解析自己的markdown笔记,以下内容记录一下自己使用到的和参考的工具和资料。 解析markdown文本 参考链接 https://www.jianshu.com/p/60d8d51bed11 https://github.com/x...
【Tools】markdown基本语法和代码高亮方法
Date: 2018.6.9 1、参考 https://blog.csdn.net/tiantiandjava/article/details/52193365 https://www.appinn.com/markdown/ https://segmentfault.com/q/1010000000420523 https://highlightjs.org/static/de...