自己开发markdown编辑器

boyanx3个月前技术教程14

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...

5 分钟带你写个自己的 Chrome 扩展和油猴脚本

Chrome扩展编写一个 Chrome 扩展其实就是一个配置文件 manifest.json 和一系列 html、css、js文件的集合,只要有一点点前端的基础,写一个简单的 扩展还是很简单的。这里就...

Angular.js 搭建简易环境

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

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

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

Electron 应用打包

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

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

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

发表评论    

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