Editor.md

Markdown 编辑器 Editor.md

MIT
跨平台
2015-02-06
叛道

Editor.md 是一个可嵌入的开源 Markdown 在线编辑器组件,你可以很方便用在浏览器、NW.js(Node-webkit)等地方,基于CodeMirror、jQuery 和 Marked 构建。

Editor.md screenshot











主要特性

在线演示

https://pandao.github.io/editor.md/examples/index.html

下载和安装

通过Github下载安装,或者通过bower安装:

bower install editor.md

使用方法

HTML:

<link rel="stylesheet" href="../dist/css/editormd.css" />
<div id="test-editormd">
    <textarea style="display:none;">###Hello world!</textarea>
</div>

提示1:如果没有Markdown源内容或者通过Ajax异步加载Markdown源文档等,可以不添加<textarea>,会自动添加;

javascript:

<script src="../lib/jquery.min.js"></script>
<script src="../src/js/editormd.js"></script>
<script type="text/javascript">
    $(function() {
        var testEditor = editormd("test-editormd", {
            path : '../lib/'
        });
    });
</script>

Require.js的使用方法:https://git.oschina.net/pandao/editor.md/tree/master/examples/use-requirejs.html

Sea.js的使用方法:https://git.oschina.net/pandao/editor.md/tree/master/examples/use-seajs.html

依赖项目及感谢



更新日志

查看更新日志

的码云指数为
超过 的项目
加载中

评论(52)

calvin8422
calvin8422
我想看editor.md在vue的使用
初中很重要
😊 基于官方升级的最新版本#https://github.com/Run2948/editor.md#
山东-小木
山东-小木
http://www.wxappclub.com 用了markdown
夜郎侠
有后端代码吗
红薯
红薯
#Editor.md# 好久没更新了
t
thinkphp36
https://bs.pintuan-xcx.cn 基于 markdown 文档
忧伤的小明
很好用 ,就是两年没维护了.
白公子
怎么改颜色,
yaokwokcom
yaokwokcom
非常感谢Editor.md的开源,因为有你我才能搭建一款比较完美的使用markdown写博客的网站 http://yaokwok.com 不过看到Editor两年没更新了有点小小是失落,希望开源永恒! #Editor.md#
sendtion
sendtion
mark

Editor.md v1.5.0 发布,新增黑色主题、支持多行公式等

v1.5.0 主要更新: 新增:编辑器黑色主题 Dark,改进自定义主题功能(即工具栏、编辑区、预览区可分别设置主题样式); 新增:多行公式支持; 新增:支持非编辑状态下的 ToC 自定义容器; 新...

2015/06/09 10:23

Editor.md v1.4.5 发布,修复和改进图片上传兼容问题等

Editor.md v1.4.5 发布了,该版本具体更新: 规范项目的中英文混排; 新增配置项 name,用于指定 Markdown textarea 的 name="xxxx" 属性; 修复 Bug,即无法正确解析公式的 < 和 > 的问题 ...

2015/06/02 16:04

Editor.md v1.4.3 发布,多项改进及修复

Editor.md v1.4.3 发布,Editor.md 是一个基于CodeMirror、jQuery 和 Marked 构建的 Markdown 在线编辑器(组件)。 具体更新: 改进:可配置是否自动聚焦编辑器 #74; 新增配置项 autoFocu...

2015/05/06 12:04

Editor.md v1.4.2 发布,改进自定义工具栏

Editor.md v1.4.2 发布,改进和增强自定义工具栏和HTML标签解析过滤等功能。 新增功能: 改进和增强自定义工具栏功能,支持图标按钮右对齐#69; 改进和增强HTML标签的解析过滤功能,支持过滤...

2015/04/22 11:43

Editor.md v1.4.0 发布,新增延迟解析、ToC下拉菜单和跳转到行等

主要更新: 新增延迟解析机制,预览更即时; 新增跳转到指定行的功能和对话框; 新增ToC下拉菜单、自定义ToC容器的功能; 新增跳转到行、搜索的工具栏按钮; 新增支持插入和解析(打印)分页...

2015/03/23 08:53

Editor.md v1.3.0 发布,增强快捷键操作等

Editor.md v1.3.0 主要更新: 预设键盘快捷键处理(粗体等),插入Markdown更加方便; 更新CodeMirror版本为5.0; 更新Marked版本为0.3.3; 新增自动高度和工具栏固定定位功能; 改进表格插入...

2015/03/12 01:28

Editor.md v1.2.0 发布,支持Emoji表情等新功能

Editor.md v1.2.0 主要更新: 新增代码折叠、搜索替换、自定义样式主题和自定义快捷键等功能; 新增Emoji表情、@Link、GFM Task Lists支持; 新增表格插入、Emoji表情插入、HTML实体字符插入...

2015/03/10 01:35

Editor.md v1.1.0 发布,支持图片上传等新功能

主要更新: 设计并更换了Logo; 新增添加图片、链接、锚点链接、代码块、预格式文本等操作弹出对话框层及示例; 新增支持图片(跨域)上传; 改用<textarea>来存放Markdown源文档; 新增支持自...

2015/02/16 00:25

Editor.md v1.0 发布,改用 KaTeX,性能大幅改进

Editor.md v1.0 正式版发布,改用 KaTeX,性能大幅改进。 主要更新: 新建分支 mathjax-version,但不打算继续对此分支进行开发; 移除MathJax,改用KaTeX#2,解析和预览响应速度大幅度提高#...

2015/02/10 01:23

没有更多内容

加载失败,请刷新页面

没有更多内容

4
回答
图片上传相关,前后端分离,怎么接受后端返回的url

一个前后端分离项目,图片上传七牛,通过后端接口返回json数据,但是iframe中接收不到数据,有没有什么解决方案 测试浏览器,chrome,在IE Ed...

2016/08/26 16:04
1
回答
语法能不能换成符合支持中文的标点符号

1、语法都是英文的,对英文友好,对中文就比较差了,比如> ,来回切换好烦,能直接支持解析》岂不是更好?

2016/08/25 10:59
1
回答
Win10下Chrome浏览器有问题

在Win10下,Chrome v49浏览器之下编辑器工具无法使用,即工具栏的各个按钮失效,使用Edge、Firefox等浏览器正常。

2016/03/27 18:59
4
回答
safari浏览器无法使用

在mac版safari浏览器无法打开编辑界面,也无法显示解析后的页面内容,是哪里出错了吗?

2015/09/29 15:45
2
回答
markdown编辑器如何提取图片链接和文字?求好方案

如何在前台通过js或者服务器端(java)做到以下两件事呢,请高手推荐方案: 1.从编辑器中获取所有图片的url; 2.从编辑器中过滤掉图片取纯文字内容;...

2015/09/08 11:07
2
回答
editor.md是否已经支持双向转换

不知道是否已经支持双向转换 md->html html->md 是不是这样就可以了

2015/08/04 14:14

没有更多内容

加载失败,请刷新页面

没有更多内容

node:md-server

Edit your file with your favourite editor and get the result in the browser when you save the file. [https://www.npmjs.com/package/md-server](https://www.npmjs.com/package/md-se...

2015/12/12 22:38
35
0
React后台管理系统-rich-editor组件

1.Simditor组件的github地址:https://github.com/mycolorway/simditor 网址:http://simditor.tower.im/ 2.在util里边新建rich-editor文件夹,里边新建index.jsx import React from 'react'...

2018/06/26 20:14
26
0
asasasassssssssssss

22232收射手打算打算

2016/01/12 00:44
491
1
如何让在md文档中插入本地图片

1、编辑器可以用一些编辑器,这些编辑器可以把本地图片转化为base64的字符串比如gitbook 1.1、gitbook桌面应用下载地址:https://www.gitbook.com/editor/ 1.2、命令行工具:http://blog.csd...

2016/11/25 22:42
229
0
Idea设置javadoc注释

1. File Header模板 settings>Editor>File and code templates>includes>File Header 这里设置的模板会被类的文档注释等地方引用,所以直接改这里即可。 2. 类注释及Copyright settings>Edit...

2017/10/23 13:52
2K
0
react-draft-wysiwyg富文本的使用

##1.分析需求 实现富文本编辑功能,通过与后台传输html字符串,实现保存、编辑、回显功能。 ##2.下载依赖 npm install ##3.引入 import { Editor } from 'react-draft-wysiwyg'; import 're...

2019/03/13 17:46
15
0
使用Gitbook写开源书籍,过一把作家瘾

使用Gitbook写开源书籍,过一把作家瘾,使用GitBook Editor 写开源书籍

2016/04/26 22:24
4.1K
4
markdown在线编辑插件mditor

官方地址 https://bh-lay.github.io/mditor/ ##使用方法 #1.页面添加dom ```javascript <textarea id="md_editor">……</textarea> ``` #2.引入js文件或者Npm安装后require ```javascript <...

2018/06/19 10:38
13
0
给vue添加一个超级好用的富文本编辑器 markdown

用过百度富文本编辑器ueditor,还用过Ttinymce编辑器,都感觉很一般,最近看到一个超级好用的富文本,除了普通富文本的这些功能,还可以直接在编辑器上输入代码来写页面。左边写内容,右边看效...

2019/12/26 12:01
31
0
col-md-push-*和col-md-offset的区别

实现方式的区别:col-md-offset-*,是利用margin-left实现的,col-md-push-*/col-md-pull-*是利用相对定位实现的。 效果的区别,col-md-offset-*只能向右便宜,因为实现方式就是margin-le...

2018/10/18 17:26
25
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部