代码示例网址:http://pandao.github.io/editor.md/examples/index.html
引入文件
<linkrel="stylesheet"href="/editor.md-master/css/editormd.css" /><scriptsrc="/editor.md-master/editormd.min.js"></script>

html

 <divid="editormd"><textareastyle="display:none;"name="Content"></textarea></div>

js

vareditor;editor= editormd("editormd", {width   :"99%",height  :"600px",autoHeightEnabled:true,path :'/editor.md-master/lib/',//theme : "dark",//previewTheme : "dark",//editorTheme : "pastel-on-dark",markdown : '',codeFold :true,//syncScrolling : false,saveHTMLToTextarea : true,    //保存 HTML 到 TextareasearchReplace : true,//watch : false,                // 关闭实时预览htmlDecode : "style,script,iframe|on*",            //开启 HTML 标签解析,为了安全性,默认不开启//toolbar  : false,             //关闭工具栏//previewCodeHighlight : false, // 关闭预览 HTML 的代码块高亮,默认开启emoji : true,taskList :true,tocm            :true,         //Using [TOCM]tex : true,                   //开启科学公式TeX语言支持,默认关闭flowChart : true,             //开启流程图支持,默认关闭sequenceDiagram : true,       //开启时序/序列图支持,默认关闭,//dialogLockScreen : false,   // 设置弹出层对话框不锁屏,全局通用,默认为true//dialogShowMask : false,     // 设置弹出层对话框显示透明遮罩层,全局通用,默认为true//dialogDraggable : false,    // 设置弹出层对话框不可拖动,全局通用,默认为true//dialogMaskOpacity : 0.4,    // 设置透明遮罩层的透明度,全局通用,默认值为0.1//dialogMaskBgColor : "#000", // 设置透明遮罩层的背景颜色,全局通用,默认为#fffimageUpload : true,imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],imageUploadURL :"./php/upload.php",onload :function() {//console.log('onload', this);//this.fullscreen();//this.unwatch();//this.watch().fullscreen();//this.setMarkdown("#PHP");//this.width("100%");//this.height(480);//this.resize("100%", 640);
}});

转载于:https://www.cnblogs.com/xiaonangua/p/9173610.html

Editor markdown编辑器相关推荐

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

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

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

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

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

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

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

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

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

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

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

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

  7. VUE3集成Markdown编辑器(http://editor.md.ipandao.com/)

    目录 背景信息 Editor.md是2015年开源的项目,那时还没有VUE3版本,所以网上也较少VUE3集成Editor.md的示例.不过还是有些大牛分享了集成的方法. 集成方法 1.下载和安装edi ...

  8. 开源在线的MarkDown编辑器 --【Editor.md】

    开源在线的MarkDown编辑器 --[Editor.md] 下载 官网地址: https://pandao.github.io/editor.md/index.html Gitee 地址:https ...

  9. 快速入门 Editor.MD---在Web项目里使用 Markdown 编辑器

    博主参考的文章 什么是Markdown Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式. 最直观的方法,CSDN写新文章用Markd ...

最新文章

  1. 推荐!150篇土壤微生态+60篇根际微生物近两年高影响因子文献合集
  2. condition框架设计与实现
  3. C++ Primer 5th笔记(chap 13 拷贝控制)综述
  4. 微信小程序swiper图片尺寸_微信小程序之swiper轮播图中的图片自适应高度的方法...
  5. JAVA模拟HTTP post请求上传图片
  6. 学习 lodash 源码整体架构,打造属于自己的函数式编程类库
  7. 【design pattern】工厂方法模式和抽象工厂模式
  8. stm32串口_【单片机】STM32串口基本配置
  9. Ms Excel 2010合并单元格方法
  10. 【ABAP系列】SAP ABAP 从FTP服务器读取文件到本地
  11. Python入门书 - 简明Python教程(A Byte of Python)
  12. 电话销售技巧,电话销售需要注意哪些?
  13. mysql32位的能装在64位的电脑上吗,32位处理器能装64位系统吗
  14. 挑逗新兴科技创业圈兴奋中枢,保险极客“百万医疗”搞事情
  15. h5 video在微信自动播放问题
  16. SDUT OJ 3374
  17. 地标海之珠夜色素材高清图片
  18. 水立方是高级场馆,人立方同样
  19. C语言:打印二元一次方程的根
  20. CRM系统为企业减少客户流失率

热门文章

  1. 运动加速新冠症状恶化,“阳康”恢复期避免高强度运动
  2. 计算机术语缩略,科技英语词汇博览:计算机缩略语(中英对照)
  3. 用心,会议才能开出花儿
  4. python 微积分 函数_用Python学微积分(2)---复合函数
  5. MyBatis(四)Mybatis的参数
  6. Python实现让视频自动打码,再也不怕出现少儿不宜的画面了
  7. 软考证书=获得职称?软考证书还能这样用
  8. 【C生万物】 指针篇 (初级)
  9. 焦虑没有什么,请别贩卖焦虑
  10. javascript知识点整理(一)