自己开发markdown编辑器

boyanx8个月前技术教程23

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)

相关文章

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

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

Electron 应用打包

为舒缓 Windows 下路径名过长的问题 issues,稍微加快 require 的速度以及简单隐匿源代码,我们可以选择把应用打包成 asar 档案文件,这只需要对源代码做一些很小的改动。大部分用户...

jq实现全选,全取消,反选

<!doctype html><html><head> <meta charset="UTF-8"> <title>Document<...

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

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

wordpress博客网站加载过慢的解决办法

最近一段时间越来越多的用户感觉到网站响应的速度很快但是就是网页加载的非常的慢,针对这一个问题,总结出说明:前些天很多朋友会发现谷歌打不开了,经查询得知谷歌在香港的服务器已经搬回美国,所以导致在大陆打不...

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

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

发表评论    

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