Thinker-md编辑器 v1.0
| 分类: 下载/工具 · JavaScript | 来源: 点击进入 | 版本: v1.0 |
| 日期: 2023-02-18 | 人气: | 大小: 34.34MB |
| 标签: javascript 编辑器 | ||
Thinker-md编辑器，支持Markdown标准,极致的编辑体验，支持草稿保存，全屏编辑。
特性
支持Markdown标准和Github风格;
编辑内容实时保存，刷新页面不会丢失;
支持实时预览、图片(跨域)上传;
支持MarkdownToHtml,HtmlToMarkdown双向解析;
支持emoji表情;
支持流程图与序列图;
多语言语法高亮;
可全屏可缩小，全屏编辑体验佳;
国际化支持;
极致的在线代码编写体验
开发者指南
安装Grunt插件
进入thinker-md根目录，执行如下命令(2016.03.30更新加入了新依赖，请更新后再执行一次)：
npm install
编译
grunt watch
编译后会生成如下目录
dist
----javascript
----|----user
----|----|----thinker-md-user.js
----|----|----thinker-md-user.min.js
----|----|----thinker-md-user.min.map
----|----vendor
----|----|----jquery-2.1.3.js
----|----|----thinker-md.js
----|----|----thinker-md.min.js
----|----|----thinker-md.min.map
----stylesheets
----|----fonts
----|----|----fontawesome-webfont.eot
----|----|----glyphicons-halflings-regular.eot
----|----|----...
----|----img
----|----user
----|----|----thinker-md.user.min.css
----|----vendor
----|----|----thinker-md.min.css
用户指南
thinker-md 依赖jquery库。推荐使用最新版jquery 1.x或者2.x
页面引入
参照/view/index.html和/view/develop.html
index.html默认引用编译之后的js和css资源。
如果需要定制thinker-md，你需要按照 开发者指南 步骤执行命令，切换到develop.html。所有资源的修改会自动生成到dist目录下。
推广ES6(ES2015)：我们强烈建议您修改bootstrap-markdown-es6.js而非bootstrap-markdown.js，您可以在里面使用ES6标准的JavaScript来进行编码。代码将被编译为ES5标准代码的bootstrap-markdown.js，因此您无需担心兼容性问题。
使用案例
<!DOCTYPE html>
<html>
<head lang="zh">
<meta charset="UTF-8">
<title>Thinker-md</title>
</head>
<body>
<textarea id="md" data-provide="markdown"></textarea>
<link href="../dist/stylesheets/user/thinker-md.user.min.css" rel="stylesheet">
<link href="../dist/stylesheets/vendor/thinker-md.min.css" rel="stylesheet">
<script src="../dist/javascripts/vendor/jquery-2.1.3.js" type="text/javascript"></script>
<script src="../dist/javascripts/vendor/thinker-md.js" type="text/javascript"></script>
<script>
$("#md").markdown({
language: 'zh',
fullscreen: {
enable: true
},
resize:'vertical',
localStorage:'md',
imgurl: 'http://192.168.1.142:8080/upload',
base64url: 'http://192.168.1.142:8080/base64'
});
</script>
</body>
</html>
-
- Golang云原生架构师课程
- Go是一门并发支持、垃圾回收的编译型系统编程语言；本课程转载自哔哩哔哩：https://www.bilibili.com/video/BV1Mh411M7A
- 204次学习
-
- MySQL数据管理之备份恢复案例解析视频教程
- 《MySQL数据管理之备份恢复案例解析视频教程》MySQL是一个开放源码的小型关联式数据库管理系统，目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。
- 160次学习
-
- MySQL索引优化解决方案
- 本套课程是根据MySQL索引的设计理念与数据结构、索引使用场景、索引分类、索引运用场景、索引性能分析、查询优化、MySQL索引的慢查询等组成，主要讲述了MySQL索引优化的解决方案，非常适合有MySQL使用基础或者有一定工作经验的同学。课程讲解了解决大数量查询慢的问题、如何编写一个高效的SQL、查询语句应该如何优化、索引的实现原理是什么、索引又应该如何优化...等诸多SQL索引优化的难点和面试点。
- 182次学习
-
- 极客学院Docker视频教程
- Docker是PaaS提供商dotCloud开源的一个基于LXC的高级容器引擎，源代码托管在Github上,基于go语言并遵从Apache2.0协议开源。Docker自2013年以来非常火热，无论是从github上的代码活跃度，还是各大厂商的支持，都使Docker成为了时下最受关注的技术，甚至微软都声称在下一代WindowsServer中集成对Docker的支持。所以我们收集了《极客学院Docke
- 243次学习
-
- Golang进阶实战编程
- 本课程是在《Go语言基础视频》基础之上录制的，是Go语言基础的后半部分。包括包的管理，IO操作，Go语言最大的亮点：高并发，goroutine，channel，反射等。本视频主要为了帮助Go语言的初学者，从零到一的快速入门。学完本套课程，可以学会如果通过包管理Go项目，并发模型，以及并发实现，channel通道如何传递数据，反射等等。
- 127次学习
-
- JavaScript极速入门
- 本套课程将帮助大家迅速掌握JavaScript这门高端的、动态的、弱类型编程语言。知识点简单明了，让你学习0压力，适合新手观看学习......
- 431次学习
-
- Golangmap实践及实现原理解析
- 2022-12-28 505浏览
-
- GoLand调式动态执行代码
- 2023-01-13 502浏览
-
- 试了下Golang实现try catch的方法
- 2022-12-27 502浏览
-
- 用Nginx反向代理部署go写的网站。
- 2023-01-17 502浏览
-
- MySQL主从切换的超详细步骤
- 2023-01-01 501浏览
-
- Mysql-普通索引的 change buffer
- 2023-01-25 501浏览
