资讯专栏INFORMATION COLUMN

简易Markdownd编辑器

YJNldm / 2767人阅读

摘要:使用预览添加样式添加并不是哦添加编辑器初始节点如果预加载长篇文本必须嵌套标签这里放初始值节点初始化编辑器高度编辑器随着输入内容增多而变高,这个值是它的最大值默认编辑器中显示内容多多少少的初始化节点初始化编辑器高度编辑器随着输入内容增

使用

预览MDEditor | MDEditor for Github

添加 MDEditor.min.css 样式

添加 MDEditor.min.js 并不是 lib/MDEditor.js

添加编辑器初始节点

如果预加载长篇markdown文本必须嵌套

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.getMD()  //=>返回HTML字符串
setHTML

设置预览的HTML

mde.setHTML(val)  

关注公众号

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85887.html

相关文章

  • 2019 简易Web开发指南

    摘要:工具软件欲先攻其事必先利其器,用好工具是做好开发的基础。框架目前最流行简单易用,越来越多人用曾经很流行,现在有点衰退状态管理后端渲染开发工具依赖管理,应用打包,任务管理,编辑器扩展,,移动端有了前端的知识后,我们还可以开发手机。 2019年即将到来,各位同学2018年辛苦了。 不管大家2018年过的怎么样,2019年还是要继续加油的! 在此我整理了个人认为在2019仍是或者将成为主流的...

    vspiders 评论0 收藏0
  • 实战Vue简易项目(1)初始化环境配置

    摘要:目前,我们还没有创建项目,进入预期项目目录的上一级文件目录下即可。使用脚手架初始化项目最后一个为项目名称,可以自定义其它名称。 本章以下命令都是在cmd命令行中进行的。 安装命令行 npm i -g vue-cli 安装完成后,输入vue -V返回版本号,即安装成功; 初始化项目 切换到项目目录下 项目目录,即项目所在目录。 目前,我们还没有创建项目,进入 预期项目目录 的上一级文件目...

    mindwind 评论0 收藏0
  • Vue.js实现一个简易问卷平台(项目中遇到的问题总结)

    摘要:项目地址源码地址预览地址没有做响应式,请在电脑上打开使用了我自制的日历组件初学时做的,有些糙任务描述参考设计图实现一个简易版的问卷管理系统,有如下功能问卷管理列表有一个头部可以显示,不需要实现登录等操作问卷管理列表页面默认为首页有一个表格 项目地址 源码地址 预览地址(没有做响应式,请在电脑上打开) 使用了我自制的日历组件(初学vue时做的,有些糙)calendar-input 任...

    Scott 评论0 收藏0
  • Vue.js实现一个简易问卷平台(项目中遇到的问题总结)

    摘要:项目地址源码地址预览地址没有做响应式,请在电脑上打开使用了我自制的日历组件初学时做的,有些糙任务描述参考设计图实现一个简易版的问卷管理系统,有如下功能问卷管理列表有一个头部可以显示,不需要实现登录等操作问卷管理列表页面默认为首页有一个表格 项目地址 源码地址 预览地址(没有做响应式,请在电脑上打开) 使用了我自制的日历组件(初学vue时做的,有些糙)calendar-input 任...

    kbyyd24 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<