网站首页  软件下载  游戏下载  源码下载  词典软件  教程攻略

请输入您要查询的源码：

　

源码 Thinker-md编辑器 v1.0
图标
分类 源码下载-软件开发-java源码-Thinker-md编辑器 java源码
语言 简体中文
大小 16.9MB
软件类型 国产软件
发布时间
用户评分 3
备案号
官方网址
软件授权 免费软件
操作系统 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>
截图
随便看

　

网盟提供免费网站源码下载(asp源码，php源码，.net源码)，源码动态，使用教程和源码评测；为站长推介有价值的源码，为开发者宣传源码作品。

　

Copyright © 2002-2024 cnnbu.com All Rights Reserved
更新时间：2025/4/5 22:24:54