目录

  • 一、文档
    • 1、Editor.md官网
    • 2、常用Demo
  • 二、使用
    • 1、实例化
    • 2、常用方法

一、文档

1、Editor.md官网

1、Editor.md官网:http://editor.md.ipandao.com/examples/index.html
【Basic,自定义 Customs,Markdown Extras,Image Upload,事件处理 Events handle】 这些功能的Demo都在这个页面。

2、常用Demo

1、简单示例 Simple example http://editor.md.ipandao.com/examples/simple.html
2、完整示例 Full example http://editor.md.ipandao.com/examples/full.html
3、变化监听处理 Onchange event(一般用于给隐藏框赋值,然后把数据(html/markdown)提交到后台)
4、Demo查看

1、选择需要查看的示例,点击进去。
2、鼠标右键 -> 查看页面源代码。<script>里就有使用方法。

二、使用

1、实例化

1、引入css

<link rel="stylesheet" href=".../editormd/css/editormd.css" />

2、引入js(需要先引入jquery)

<script src=".../lib/jquery.js"></script>
<script src=".../editormd/editormd.min.js"></script>

3、定义html接收容器

<div id="markdown-editor"><textarea style="display:none;"></textarea>
</div>

4、实例化 Editor.md 对象。

mkEditorObject = editormd("markdown-editor", {width  : "100%",height : "530px",path   : ".../editormd/lib/",   //扩展的加载路径
});

2、常用方法

更多常用方法可查看 完整示例 Full example

mkEditorObject.getHTML() //获取 html数据
mkEditorObject.getMarkdown()//获取 markdown数据
mkEditorObject.hide()       //隐藏Markdown富文本:
mkEditorObject.show()       //显示Markdown富文本:

Markdown 编辑器 Editor.md 使用相关推荐

  1. Markdown编辑器editor.md的使用

    目录(?)[-] 一Markdown和editormd简介 二editormd的使用 1下载 2简单使用 21在自己的页面上引入相关的css和js代码如下 22在自己的页面中加上DIV 23在同页面中 ...

  2. 基于JavaWeb的MarkDown编辑器editor.md的使用

    1.简介 editor.md是国内开发的开源项目,单纯基于前端JavaScript,可以实现markdown编辑器的所有功能. 主要特性 支持通用 Markdown / CommonMark 和 GF ...

  3. Markdown编辑器Editor.md插件的使用

    官网: Editor.md - 开源在线 Markdown 编辑器 (pandao.github.io)https://pandao.github.io/editor.md/index.html配置项 ...

  4. 127.0.0.1/dokuwiki/install.php,DokuWiki安装+集成markdown编辑器editor.md

    安装 安装php和nginx yum install -y php70w php70w-gd php70w-xml php70w-fpm nginx 开机自启动 systemctl enable ng ...

  5. markdown在线编辑器 editor.md 二次开发详细教程

    markdown在线编辑器 editor.md 二次开发 需求 经常需要在网络论坛发布文章进行宣传,但每个论坛的编写格式存在差异,给发布带来了很大的障碍. 最近markdown格式的兴起,给广大发布者 ...

  6. 使用editor编辑器遇到的小问题:editor.md工具栏置顶

    问题原因: 在使用Markdown编辑器editor.md时,由于editor.md的toolbar始终保持在页面顶部,导致我在使用vue整合时,页面排版出现错乱 解决方案: 在 editormd.j ...

  7. PHP项目中使用 Markdown编辑器

    个人站点 :http://oldchen.iwulai.com/ Markdown在技术圈越来越受欢迎,今天为大家带来一款国内开源的比较好用的Markdown编辑器--editor.md. 在这次项目 ...

  8. SpringBoot整合Editor.md实现Markdown编辑器

    Editor.md 是一款开源的.可嵌入的 Markdown 在线编辑器(组件),基于 CodeMirror.jQuery 和 Marked 构建. 文章目录 一.技术选型及分支部署 二.集成手册 2 ...

  9. editor.md中markdown编辑器的实现

    ​ markdown编辑器我觉得用起来非常的方便,故我就想实现一个简单的markdown编辑器 1.下载editor.md插件 git地址:https://github.com/pandao/edit ...

  10. Editor.md 的Markdown 编辑器集成与使用(全)

    在这之前使用的编辑器是ueditor,是百度的:现在记录一下已经集成有段时间的 Editor.md 的 md 编辑器,确实好用! 在这之前,有个问题,数据库是保存 md 的还是保存 html 的,在网 ...

最新文章

  1. java指导手册,Java 注解指导手册 – 终极向导
  2. C语言程序输入两行汉字,C语言多行输入问题集锦
  3. 项目质量管理知识点整理和习题整理
  4. 最新车载导航端口检测工具_高德地图这个功能 把微信都没做好的车载社交解决了?...
  5. 随想录(386cpu保护模式)
  6. Android复习资料
  7. Helpful links
  8. mysql的本地id可以随便设置马_Mysql主从复制原理及搭建
  9. oracle join(比较全面的解释了join)
  10. Oracle12c用户名scott,Oracle12c新特性pdborcl,如何登录到普通用户scott ?
  11. Python---PDF转JPG图片
  12. 洛谷P5713 【深基3.例5】洛谷团队系统经典解法
  13. 二维码制作教程分享,大家一起来学习吧!
  14. hadoop不生成tmp解决办法
  15. 中国地质大学武汉大学计算机学院,董燕妮-地球物理与空间信息学院
  16. javaeye上对李刚的书的差评
  17. 点击 数字随着变化html,js数字随着其他数字变化而变化?
  18. 解决[WARNING]: sftp transfer mechanism failed on [xx]. Use ANSIBLE_DEBUG=1 to see detailed information
  19. 用计算机语言编写累加程序,用汇编语言实现如下程序:进行自然数相加(1+2+3... 汇编语言 编写程序实现自然数1到100的累加。要求用......
  20. OpenCV face_detector人脸识别报错

热门文章

  1. wacom怎么调压感_wacom手绘板_wacom手绘板的钢笔压力怎么设置?
  2. sklearn 中GBDT的损失函数
  3. RDD,DataFrame与DataSet区别
  4. 唯一分解定理 详解(C++)
  5. 机器学习:激活函数的作用和原理
  6. matlab如何创建callback函数_MATLAB作图实例:46:显示复杂的三维对象
  7. mysql临时表多线程时能用吗_学会使用临时表优化,切记不要乱用临时表(记录一)...
  8. matlab曲线图导出,从Matlab的Figure中导出数据的办法
  9. 软件开发中 前台、中台、后台英文_中台为什么这么火?
  10. php curl get post请求