自己开发markdown编辑器

boyanx2个月前技术教程10

1、 先下载showdown.js,见下图。

2、 下载后,进入showdown-master/dist文件夹,找到showdown.min.js,将其放置于网站目录中。

3、 下面是开发的网站首页index.html代码,内容已在下方展示。

4、 将jquery.min.js放入网站目录,此时网站目录共有三个文件,所示。

5、 双击index.html文件以打开网页,然后开始使用Markdown编辑内容。

6、 左侧以Markdown语法输入文字,右侧会同步展示为HTML格式的内容效果。

7、 这是我们自主研发的Markdown编辑器,非常简单易用,快亲自体验一下吧。

(9744109)

相关文章

1,vue播放视频之—引入.m3u8后缀的hsl视频流

效果图:我这个是引入js的方式播放的。也可以用npm直接下载hsl.sj进行引入1.public里面index.html页面引入对应的js<script src="./jquery.mi...

Angular.js 搭建简易环境

<!DOCTYPE html> <html id="ng-app" ng-app="myApp"> <head> <meta charset="ut...

Spring Boot+CAS 默认登录页面太丑了,怎么办?

最近的又一头扎进 Spring Security+CAS 上面了,CAS 单点登录已经连续写了四篇了,小伙伴们一定按顺序阅读哦,这样后面的文章才好理解。上篇文章和大家分享了 CAS Server 接入...

使用JS把图片压缩并转成Base64的简便方法

整个过程用到了画布(canvas)来帮忙完成过程: 选择图片文件 > 准备画布 > 按需压缩图片并绘制在画布上 > 生成Base64 > 完成.先上效果图详细过程如下:准备一个...

webrtc进行屏幕录制

屏幕录制和摄像头录制差不多,只是把API从getUserMedia换成getUserMedia。但是由于这个功能目前是谷歌一个实验性的功能,需要进行一些设置。首先打开Chrome浏览器,在地址栏输入c...

h5框架之layui和uikit你会选哪个?

随着前端的流行,前端也跟后端一样出现了很多的框架,比较流行的可能就是layui和uikit了。那今天对这两款的框架进行全面的对比:layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。