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

html

  1. <div id="editormd">
  2. <textarea style="display:none;" name="Content"></textarea>
  3. </div>

js

  1. var editor;
  2. editor = editormd("editormd", {
  3. width : "99%",
  4. height : "600px",
  5. autoHeightEnabled:true,
  6. path : '/editor.md-master/lib/',
  7. //theme : "dark",
  8. //previewTheme : "dark",
  9. //editorTheme : "pastel-on-dark",
  10. markdown : '',
  11. codeFold : true,
  12. //syncScrolling : false,
  13. saveHTMLToTextarea : true, // 保存 HTML 到 Textarea
  14. searchReplace : true,
  15. //watch : false, // 关闭实时预览
  16. htmlDecode : "style,script,iframe|on*", // 开启 HTML 标签解析,为了安全性,默认不开启
  17. //toolbar : false, //关闭工具栏
  18. //previewCodeHighlight : false, // 关闭预览 HTML 的代码块高亮,默认开启
  19. emoji : true,
  20. taskList : true,
  21. tocm : true, // Using [TOCM]
  22. tex : true, // 开启科学公式TeX语言支持,默认关闭
  23. flowChart : true, // 开启流程图支持,默认关闭
  24. sequenceDiagram : true, // 开启时序/序列图支持,默认关闭,
  25. //dialogLockScreen : false, // 设置弹出层对话框不锁屏,全局通用,默认为true
  26. //dialogShowMask : false, // 设置弹出层对话框显示透明遮罩层,全局通用,默认为true
  27. //dialogDraggable : false, // 设置弹出层对话框不可拖动,全局通用,默认为true
  28. //dialogMaskOpacity : 0.4, // 设置透明遮罩层的透明度,全局通用,默认值为0.1
  29. //dialogMaskBgColor : "#000", // 设置透明遮罩层的背景颜色,全局通用,默认为#fff
  30. imageUpload : true,
  31. imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
  32. imageUploadURL : "./php/upload.php",
  33. onload : function() {
  34. //console.log('onload', this);
  35. //this.fullscreen();
  36. //this.unwatch();
  37. //this.watch().fullscreen();
  38.  
  39. //this.setMarkdown("#PHP");
  40. //this.width("100%");
  41. //this.height(480);
  42. //this.resize("100%", 640);
  43. }
  44. });

Editor markdown编辑器的更多相关文章

  1. JAVA WEB项目中使用并改造editor.md实现Markdown编辑器

    Markdown和Editor.md简介 Markdwon编辑器在技术工作者圈子中已经越来越流行,简单的语法,统一的格式,强大的扩展功能,最重要的是:你可以用Markdown,设计一篇精彩绝伦的文档而 ...

  2. editor.md实现Markdown编辑器

    editor.md实现Markdown编辑器 Markdown和Editor.md简介 Markdwon编辑器在技术工作者圈子中已经越来越流行,简单的语法,统一的格式,强大的扩展功能,最重要的是:你可 ...

  3. Markdown编辑器editor.md的使用---markdown上传图片

    http://kindeditor.org/ 确定下有没有查找替换功能 http://pandao.github.io/editor.md/ http://pandao.github.io/edito ...

  4. thinkphp5使用Markdown编辑器Editor.md并上传图片

    Editor.md官网:https://pandao.github.io/editor.md/index.html 下载后解压放到项目内,和引入ueditor差不多 1.引入项目资源 <!--m ...

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

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

  6. 好用的Markdown编辑器一览 readme.md 编辑查看

    https://github.com/pandao/editor.md https://pandao.github.io/editor.md/examples/index.html Editor.md ...

  7. React项目(一):markdown编辑器

    在之前的React官网教程中,提到了用Remarkable为插件的markdown评论框.现在就来正儿八经地用另外一个插件marked.js做一个markdown编辑器吧! 准备工作 或许在做之前,应 ...

  8. 好用的Markdown编辑器一览

    Markdown 是一种简单的.轻量级的标记语法.用户可以使用诸如 * # 等简单的标记符号以最小的输入代价生成极富表现力的文档. Markdown具有很多优点: 写作中添加简单符号即完成排版,所见即 ...

  9. #第一用Markdown编辑器#

    Markdown初次使用 This is a simple Markdown editor based on 'Markdown' it's * italic * style. it's also _ ...

随机推荐

  1. React-安装和配置redux调试工具Redux DevTools

    chrome扩展程序里搜索Redux DevTools进行安装 新建store的时候,进行如下配置. import { createStore, applyMiddleware ,compose} f ...

  2. SQL Server-索引故事的遥远由来,原来是这样的?(二十八)

    前言 前段时间工作比较忙,每天回来也时不时去写有关ASP.NET Core的文章,无论是项目当中遇到的也好还是自学的也好都比较严谨的去叙述,喜欢分享,乐于分享这是我一直以来的态度,当然从中也会有些许错 ...

  3. Shiro安全框架入门笔记

    入门 1.simpleRealmTest package cn.realm; import org.apache.shiro.SecurityUtils; import org.apache.shir ...

  4. JMX,Jstatd做好JVM应用上线的最后一层保障

    目录 我理解的监控 代码异常监控 远程主机配置jmx 修改要启动的java程序启动参数(JVM_OPTS). 修改文件权限 启动jvisualvm 监控服务器上的java程序 jstatd 连接到远程 ...

  5. LeetCode 905. Sort Array By Parity

    905. Sort Array By Parity Given an array A of non-negative integers, return an array consisting of a ...

  6. RuntimeError: Model class apps.users.models.User doesn't declare an explicit app_label and isn't in an application in INSTALLED_APPS.

    报错代码: File "/home/bsodgm/Desktop/Django_projection/mall/apps/users/views.py", line 9, in & ...

  7. python-re模块-54

    import re # findall # search # match ret = re.findall('[a-z]+', 'eva egon yuan') # 返回所有满足匹配条件的结果,放在列 ...

  8. Baby Coins

    题意 描述 Baby 今天清点自己的百宝箱啦,箱子里有n 种硬币,硬币的面值分别是:val[1],val[2],...,val[n],每种面值的硬币都恰好有2 个. Baby 实在闲的太无聊了,他想从 ...

  9. AtCoder Beginner Contest 116 D - Various Sushi (贪心+栈)

    D - Various Sushi Time Limit: 2 sec / Memory Limit: 1024 MB Score : 400400 points Problem Statement ...

  10. ElasticSearch 分组查询的几个例子

    facets接口可以根据query返回统计数据,其中的 terms_stats 是分组统计,根据key的情况返回value的统计数据,类似group by的意思. "terms_stats& ...