tnblog
首页
视频
资源
登录
愿你出走半生,归来仍是少年
排名
8
文章
222
粉丝
7
评论
7
bootstrap 栅格布局一小例子
剑轩 : 后端写样式有点痛苦哇
一点flex布局的运用
剑轩 : 后端写样式有点痛苦哇
vue.js常用指令
剑轩 : 可以可以,多总结一点
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

editor.md 一些常用的参数和方法

6379人阅读 2020/11/27 9:46 总访问:2062973 评论:0 收藏:1 手机
分类: 前端
  1. script>
  2. var testEditor;
  3. $(function() {
  4. $.get('test.md', function(md){
  5. testEditor = editormd("test-editormd", {
  6. width: "90%",
  7. height: 740,
  8. path : '../lib/',
  9. theme : "dark",
  10. previewTheme : "dark",
  11. editorTheme : "pastel-on-dark",
  12. markdown : md,
  13. codeFold : true,
  14. //syncScrolling : false,
  15. saveHTMLToTextarea : true, // 保存 HTML 到 Textarea
  16. searchReplace : true,
  17. //watch : false, // 关闭实时预览
  18. htmlDecode : "style,script,iframe|on*", // 开启 HTML 标签解析,为了安全性,默认不开启
  19. //toolbar : false, //关闭工具栏
  20. //previewCodeHighlight : false, // 关闭预览 HTML 的代码块高亮,默认开启
  21. emoji : true,
  22. taskList : true,
  23. tocm : true, // Using [TOCM]
  24. tex : true, // 开启科学公式TeX语言支持,默认关闭
  25. flowChart : true, // 开启流程图支持,默认关闭
  26. sequenceDiagram : true, // 开启时序/序列图支持,默认关闭,
  27. //dialogLockScreen : false, // 设置弹出层对话框不锁屏,全局通用,默认为true
  28. //dialogShowMask : false, // 设置弹出层对话框显示透明遮罩层,全局通用,默认为true
  29. //dialogDraggable : false, // 设置弹出层对话框不可拖动,全局通用,默认为true
  30. //dialogMaskOpacity : 0.4, // 设置透明遮罩层的透明度,全局通用,默认值为0.1
  31. //dialogMaskBgColor : "#000", // 设置透明遮罩层的背景颜色,全局通用,默认为#fff
  32. imageUpload : true,
  33. imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
  34. imageUploadURL : "./php/upload.php",
  35. onload : function() {
  36. console.log('onload', this);
  37. //this.fullscreen();
  38. //this.unwatch();
  39. //this.watch().fullscreen();
  40. //this.setMarkdown("#PHP");
  41. //this.width("100%");
  42. //this.height(480);
  43. //this.resize("100%", 640);
  44. }
  45. });
  46. });
  47. testEditor.fullscreen();//全屏(按ESC取消)
  48. testEditor.gotoLine(90);//转到第90行
  49. testEditor.show();//显示编辑器
  50. testEditor.hide();//隐藏编辑器
  51. alert(testEditor.getMarkdown());//获取编辑器内容(不含html)
  52. alert(testEditor.getHTML());//获取编辑器html内容
  53. testEditor.watch();//开启双窗口对比
  54. testEditor.unwatch();//取消双窗口对比
  55. testEditor.previewing();//预览效果
  56. testEditor.showToolbar();//显示工具栏
  57. testEditor.hideToolbar();//隐藏工具栏
  58. testEditor.config({
  59. tocDropdown : true,
  60. tocTitle : "目录 Table of Contents",
  61. });//TOC下拉菜单
  62. testEditor.config("tocDropdown", false);//TOC默认 });
  63. </script>

欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

editormd静态文件路径问题

准备给tnblog上一个markdown的编辑器,毕竟这个感觉逼格要高一点,嘿嘿,然后看了一下editormd还不错。无坑不成材,editorm...

使用markdown编辑器editormd图片上传

静态资源路径问题可以参考:https://www.tnblog.net/aojiancc2/article/details/3436自定义工具栏可以参考:https://www.tn...

markdown编辑器editormd设置内容,获取内容追加内容

这些东西网上搜半天都搜不到,只有自己分析源码了,所以还是要靠自己。找到下面4个方法。可以参考一下。 setMarkdown,set...

editormdmarkdown 自定义导航栏按钮

editormd,markdown 自定义导航栏按钮可以通过修改源代码来实现,但是没有必要那么麻烦。 editormd本身就有增加自定义按钮...

Markdowneditormd编辑器Editor.md自动保存插件的开发

简介: Markdown编辑器Editor.md自动保存插件的开发。文章编辑器没有自动保存功能怎么行,万一不小心忘记保存不就辛苦白费了...

editormd,Markdown编辑器Editor.md图片粘贴插入插件的开发

Markdown编辑器Editor.md图片粘贴插入的开发。最近发现编辑器图片上传很不方便,不能像其他编辑器一样粘贴插入图片,就着手...

markdown编辑器editormd设置内容,获取内容,追加内容

获取内容:var content = markdownEditor.getValue(); 设置内容:setMarkdown,setValue 追加内容:appendMarkdown,inse...

markdown编辑器editormd 关闭行号

很简单,有个属性可以设置的就是:lineNumbers: false完整一点的:testEditor=editormd(&quot;article-editormd-view&quot;...

markdown编辑器editormd获取光标位置,获取行号位置,获取总行号

//获取光标位置,获取行号位置let markdownCursorLine = markdownEditor.getCursor().line + 1; //获取总行号let allCount...

markdown编辑器editormd获取光标位置,获取行号,获取总行号,获取光标处内容相关计算等

获取光标位置,获取行号位置let markdownCursorLine = markdownEditor.getCursor().line + 1; 获取总行号let allCount = m...