Markdown 编辑器 Editor.md 使用
目录
- 一、文档
- 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 使用相关推荐
- Markdown编辑器editor.md的使用
目录(?)[-] 一Markdown和editormd简介 二editormd的使用 1下载 2简单使用 21在自己的页面上引入相关的css和js代码如下 22在自己的页面中加上DIV 23在同页面中 ...
- 基于JavaWeb的MarkDown编辑器editor.md的使用
1.简介 editor.md是国内开发的开源项目,单纯基于前端JavaScript,可以实现markdown编辑器的所有功能. 主要特性 支持通用 Markdown / CommonMark 和 GF ...
- Markdown编辑器Editor.md插件的使用
官网: Editor.md - 开源在线 Markdown 编辑器 (pandao.github.io)https://pandao.github.io/editor.md/index.html配置项 ...
- 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 ...
- markdown在线编辑器 editor.md 二次开发详细教程
markdown在线编辑器 editor.md 二次开发 需求 经常需要在网络论坛发布文章进行宣传,但每个论坛的编写格式存在差异,给发布带来了很大的障碍. 最近markdown格式的兴起,给广大发布者 ...
- 使用editor编辑器遇到的小问题:editor.md工具栏置顶
问题原因: 在使用Markdown编辑器editor.md时,由于editor.md的toolbar始终保持在页面顶部,导致我在使用vue整合时,页面排版出现错乱 解决方案: 在 editormd.j ...
- PHP项目中使用 Markdown编辑器
个人站点 :http://oldchen.iwulai.com/ Markdown在技术圈越来越受欢迎,今天为大家带来一款国内开源的比较好用的Markdown编辑器--editor.md. 在这次项目 ...
- SpringBoot整合Editor.md实现Markdown编辑器
Editor.md 是一款开源的.可嵌入的 Markdown 在线编辑器(组件),基于 CodeMirror.jQuery 和 Marked 构建. 文章目录 一.技术选型及分支部署 二.集成手册 2 ...
- editor.md中markdown编辑器的实现
markdown编辑器我觉得用起来非常的方便,故我就想实现一个简单的markdown编辑器 1.下载editor.md插件 git地址:https://github.com/pandao/edit ...
- Editor.md 的Markdown 编辑器集成与使用(全)
在这之前使用的编辑器是ueditor,是百度的:现在记录一下已经集成有段时间的 Editor.md 的 md 编辑器,确实好用! 在这之前,有个问题,数据库是保存 md 的还是保存 html 的,在网 ...
最新文章
- java指导手册,Java 注解指导手册 – 终极向导
- C语言程序输入两行汉字,C语言多行输入问题集锦
- 项目质量管理知识点整理和习题整理
- 最新车载导航端口检测工具_高德地图这个功能 把微信都没做好的车载社交解决了?...
- 随想录(386cpu保护模式)
- Android复习资料
- Helpful links
- mysql的本地id可以随便设置马_Mysql主从复制原理及搭建
- oracle join(比较全面的解释了join)
- Oracle12c用户名scott,Oracle12c新特性pdborcl,如何登录到普通用户scott ?
- Python---PDF转JPG图片
- 洛谷P5713 【深基3.例5】洛谷团队系统经典解法
- 二维码制作教程分享,大家一起来学习吧!
- hadoop不生成tmp解决办法
- 中国地质大学武汉大学计算机学院,董燕妮-地球物理与空间信息学院
- javaeye上对李刚的书的差评
- 点击 数字随着变化html,js数字随着其他数字变化而变化?
- 解决[WARNING]: sftp transfer mechanism failed on [xx]. Use ANSIBLE_DEBUG=1 to see detailed information
- 用计算机语言编写累加程序,用汇编语言实现如下程序:进行自然数相加(1+2+3... 汇编语言 编写程序实现自然数1到100的累加。要求用......
- OpenCV face_detector人脸识别报错
热门文章
- wacom怎么调压感_wacom手绘板_wacom手绘板的钢笔压力怎么设置?
- sklearn 中GBDT的损失函数
- RDD,DataFrame与DataSet区别
- 唯一分解定理 详解(C++)
- 机器学习:激活函数的作用和原理
- matlab如何创建callback函数_MATLAB作图实例:46:显示复杂的三维对象
- mysql临时表多线程时能用吗_学会使用临时表优化,切记不要乱用临时表(记录一)...
- matlab曲线图导出,从Matlab的Figure中导出数据的办法
- 软件开发中 前台、中台、后台英文_中台为什么这么火?
- php curl get post请求