Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Simple Markdownd Editor

NotificationsYou must be signed in to change notification settings

jaywcjlove/MDEditor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

45 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

使用

预览MDEditor

  • 添加MDEditor.min.css 样式
  • 添加MDEditor.min.js 并不是lib/MDEditor.js 哦
  • 添加编辑器初始节点
  • 如果预加载长篇markdown文本必须嵌套<textarea> 标签
<linkrel="stylesheet"type="text/css"href="../themes/default/css/MDEditor.min.css"><scripttype="text/javascript"src="../build/MDEditor.min.js"></script><divid="mdeditor"><textarea># 这里放markdown初始值- id: 节点id- minheight: 初始化编辑器高度- maxheight: 编辑器随着输入内容增多而变高，这个值是它的最大值- value: 默认编辑器中显示markdown内容</textarea></div><scripttype="text/javascript">varmde=newMDEditor({id:"#mdeditor",minheight:300,maxheight:600,value:"#多多少少的"}).load().input(function(evn,opts){console.log("evn:",evn)console.log("opts:",opts)})</script>

MDEditor初始化

  • id: 节点id
  • minheight: 初始化编辑器高度
  • maxheight: 编辑器随着输入内容增多而变高，这个值是它的最大值
  • value: 默认编辑器中显示markdown内容

load

加载编辑器

mde.load()

preview

默认展示预览界面

mde.preview()

input

输入事件，在编辑器里面输入内容就会执行input方法

mde.input(function(evn,opts){console.log("evn:",evn)console.log("opts:",opts)})

getMD

获取markdown的字符串

mde.getMD()//=>返回markdown字符串

setMD

设置markdown的字符串

mde.setMD(val)

getHTML

获取生成的HTML

mde.getHTML()//=>返回HTML字符串

setHTML

设置预览的HTML

mde.setHTML(val)

About

Simple Markdownd Editor

Resources

Stars

Watchers

Forks

Packages

No packages published
[8]ページ先頭
©2009-2025 Movatter.jp