[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3352":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":17,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":40,"readmeContent":41,"aiSummary":42,"trendingCount":16,"starSnapshotCount":16,"syncStatus":43,"lastSyncTime":44,"discoverSource":45},3352,"editor.md","pandao\u002Feditor.md","pandao","The open source embeddable online markdown editor (component).","http:\u002F\u002Feditor.md.ipandao.com\u002F",null,"JavaScript",14310,2459,359,556,0,3,15,73,"MIT License",false,"master",true,[25,26,27,28,29,30,31,32,33,34,35,36,37,38,39],"codemirror","commonmark","documentation","editor","flowchart","gfm","javascript","jquery","katex","markdown","markdown-editor","markdown-writer","marked","sequence-diagram","toc","2026-06-12 04:00:17","# Editor.md\r\n\r\n![](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fimages\u002Flogos\u002Feditormd-logo-180x180.png)\r\n\r\n![](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fpandao\u002Feditor.md.svg)\r\n![](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002Fpandao\u002Feditor.md.svg)\r\n![](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Ftag\u002Fpandao\u002Feditor.md.svg)\r\n![](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Frelease\u002Fpandao\u002Feditor.md.svg)\r\n![](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fissues\u002Fpandao\u002Feditor.md.svg)\r\n![](https:\u002F\u002Fimg.shields.io\u002Fbower\u002Fv\u002Feditor.md.svg)\r\n\r\n**Editor.md** : The open source embeddable online markdown editor (component), based on CodeMirror & jQuery & Marked.\r\n\r\n### Features\r\n\r\n- Support Standard Markdown \u002F CommonMark and GFM (GitHub Flavored Markdown);\r\n- Full-featured: Real-time Preview, Image (cross-domain) upload, Preformatted text\u002FCode blocks\u002FTables insert, Code fold, Search replace, Read only, Themes, Multi-languages, L18n, HTML entities, Code syntax highlighting...;\r\n- Markdown Extras : Support [ToC (Table of Contents)](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Ftoc.html), [Emoji](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Femoji.html), [Task lists](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Ftask-lists.html), [@Links](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002F@links.html)...;\r\n- Compatible with all major browsers (IE8+), compatible Zepto.js and iPad;\r\n- Support [decode & fliter of the HTML tags & attributes](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Fhtml-tags-decode.html);\r\n- Support [TeX (LaTeX expressions, Based on KaTeX)](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Fkatex.html), [Flowchart](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Fflowchart.html) and [Sequence Diagram](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Fsequence-diagram.html) of Markdown extended syntax;\r\n- Support AMD\u002FCMD (Require.js & Sea.js) Module Loader, and Custom\u002Fdefine editor plugins;\r\n\r\n[README & Examples (English)](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fen.html)\r\n  \r\n\r\n--------\r\n\r\n**Editor.md** 是一款开源的、可嵌入的 Markdown 在线编辑器（组件），基于 CodeMirror、jQuery 和 Marked 构建。\r\n\r\n![editormd-screenshot](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Fimages\u002Feditormd-screenshot.png \"editormd-screenshot\")\r\n\r\n#### 主要特性\r\n\r\n- 支持通用 Markdown \u002F CommonMark 和 GFM (GitHub Flavored Markdown) 风格的语法，也可[变身为代码编辑器](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Fchange-mode.html)；\r\n- 支持实时预览、图片（跨域）上传、预格式文本\u002F代码\u002F表格插入、代码折叠、跳转到行、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能；\r\n- 支持 [ToC（Table of Contents）](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Ftoc.html)、[Emoji表情](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Femoji.html)、[Task lists](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Ftask-lists.html)、[@链接](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002F@links.html)等 Markdown 扩展语法；\r\n- 支持 TeX 科学公式（基于 [KaTeX](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Fkatex.html)）、流程图 [Flowchart](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Fflowchart.html) 和 [时序图 Sequence Diagram](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Fsequence-diagram.html);\r\n- 支持[识别和解析 HTML 标签，并且支持自定义过滤标签及属性解析](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Fhtml-tags-decode.html)，具有可靠的安全性和几乎无限的扩展性；\r\n- 支持 AMD \u002F CMD 模块化加载（支持 [Require.js](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Fuse-requirejs.html) & [Sea.js](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Fuse-seajs.html)），并且支持[自定义扩展插件](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Fdefine-plugin.html)；\r\n- 兼容主流的浏览器（IE8+）和 [Zepto.js](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Fuse-zepto.html)，且支持 iPad 等平板设备；\r\n\r\n#### Download & install\n\nDownload:\r\n\r\n[Github download](https:\u002F\u002Fgithub.com\u002Fpandao\u002Feditor.md\u002Farchive\u002Fmaster.zip)\r\n\r\nNPM install :\r\n\r\n```bash\r\nnpm install editor.md\r\n```\r\n\r\nBower install :\r\n\r\n```bash\r\nbower install editor.md\r\n```\r\n\r\n#### Usages\n\n##### Create a Markdown editor\r\n\r\n```html\r\n\u003Clink rel=\"stylesheet\" href=\"editor.md\u002Fcss\u002Feditormd.min.css\" \u002F>\r\n\u003Cdiv id=\"editor\">\n    \u003C!-- Tips: Editor.md can auto append a `\u003Ctextarea>` tag -->\r\n    \u003Ctextarea style=\"display:none;\">### Hello Editor.md !\u003C\u002Ftextarea>\r\n\u003C\u002Fdiv>\r\n\u003Cscript src=\"jquery.min.js\">\u003C\u002Fscript>\r\n\u003Cscript src=\"editor.md\u002Feditormd.min.js\">\u003C\u002Fscript>\r\n\u003Cscript type=\"text\u002Fjavascript\">\r\n    $(function() {\r\n        var editor = editormd(\"editor\", {\n            \u002F\u002F width: \"100%\",\n            \u002F\u002F height: \"100%\",\n            \u002F\u002F markdown: \"xxxx\",     \u002F\u002F dynamic set Markdown text\r\n            path : \"editor.md\u002Flib\u002F\"  \u002F\u002F Autoload modules mode, codemirror, marked... dependents libs path\r\n        });\r\n    });\r\n\u003C\u002Fscript>\r\n```\r\n\r\nIf you using modular script loader:\r\n\r\n- [Using Require.js](https:\u002F\u002Fgithub.com\u002Fpandao\u002Feditor.md\u002Ftree\u002Fmaster\u002Fexamples\u002Fuse-requirejs.html)\r\n- [Using Sea.js](https:\u002F\u002Fgithub.com\u002Fpandao\u002Feditor.md\u002Ftree\u002Fmaster\u002Fexamples\u002Fuse-seajs.html)\n\n##### Markdown to HTML\n\n```html\r\n\u003Clink rel=\"stylesheet\" href=\"editormd\u002Fcss\u002Feditormd.preview.css\" \u002F>\r\n\u003Cdiv id=\"test-markdown-view\">\n    \u003C!-- Server-side output Markdown text -->\r\n    \u003Ctextarea style=\"display:none;\">### Hello world!\u003C\u002Ftextarea>             \r\n\u003C\u002Fdiv>\r\n\u003Cscript src=\"jquery.min.js\">\u003C\u002Fscript>\r\n\u003Cscript src=\"editormd\u002Feditormd.js\">\u003C\u002Fscript>\r\n\u003Cscript src=\"editormd\u002Flib\u002Fmarked.min.js\">\u003C\u002Fscript>\r\n\u003Cscript src=\"editormd\u002Flib\u002Fprettify.min.js\">\u003C\u002Fscript>\r\n\u003Cscript type=\"text\u002Fjavascript\">\r\n    $(function() {\r\n\t    var testView = editormd.markdownToHTML(\"test-markdown-view\", {\r\n            \u002F\u002F markdown : \"[TOC]\\n### Hello world!\\n## Heading 2\", \u002F\u002F Also, you can dynamic set Markdown text\r\n            \u002F\u002F htmlDecode : true,  \u002F\u002F Enable \u002F disable HTML tag encode.\r\n            \u002F\u002F htmlDecode : \"style,script,iframe\",  \u002F\u002F Note: If enabled, you should filter some dangerous HTML tags for website security.\r\n        });\n    });\n\u003C\u002Fscript>    \n```\n\n> See the full example: [http:\u002F\u002Feditor.md.ipandao.com\u002Fexamples\u002Fhtml-preview-markdown-to-html.html](http:\u002F\u002Feditor.md.ipandao.com\u002Fexamples\u002Fhtml-preview-markdown-to-html.html)\n\n##### HTML to Markdown?\n\nSorry, Editor.md not support HTML to Markdown parsing, Maybe In the future.\r\n\r\n#### Examples\r\n\r\n[https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Findex.html](https:\u002F\u002Fpandao.github.io\u002Feditor.md\u002Fexamples\u002Findex.html)\n\n#### Options\n\nEditor.md options and default values:\n\n```javascript\n{\r\n    mode                 : \"gfm\",          \u002F\u002F gfm or markdown\r\n    name                 : \"\",             \u002F\u002F Form element name for post\r\n    value                : \"\",             \u002F\u002F value for CodeMirror, if mode not gfm\u002Fmarkdown\r\n    theme                : \"\",             \u002F\u002F Editor.md self themes, before v1.5.0 is CodeMirror theme, default empty\r\n    editorTheme          : \"default\",      \u002F\u002F Editor area, this is CodeMirror theme at v1.5.0\r\n    previewTheme         : \"\",             \u002F\u002F Preview area theme, default empty\r\n    markdown             : \"\",             \u002F\u002F Markdown source code\r\n    appendMarkdown       : \"\",             \u002F\u002F if in init textarea value not empty, append markdown to textarea\r\n    width                : \"100%\",\r\n    height               : \"100%\",\r\n    path                 : \".\u002Flib\u002F\",       \u002F\u002F Dependents module file directory\r\n    pluginPath           : \"\",             \u002F\u002F If this empty, default use settings.path + \"..\u002Fplugins\u002F\"\r\n    delay                : 300,            \u002F\u002F Delay parse markdown to html, Uint : ms\r\n    autoLoadModules      : true,           \u002F\u002F Automatic load dependent module files\r\n    watch                : true,\r\n    placeholder          : \"Enjoy Markdown! coding now...\",\r\n    gotoLine             : true,           \u002F\u002F Enable \u002F disable goto a line\r\n    codeFold             : false,\r\n    autoHeight           : false,\r\n    autoFocus            : true,           \u002F\u002F Enable \u002F disable auto focus editor left input area\r\n    autoCloseTags        : true,\r\n    searchReplace        : true,           \u002F\u002F Enable \u002F disable (CodeMirror) search and replace function\r\n    syncScrolling        : true,           \u002F\u002F options: true | false | \"single\", default true\r\n    readOnly             : false,          \u002F\u002F Enable \u002F disable readonly mode\r\n    tabSize              : 4,\r\n    indentUnit           : 4,\r\n    lineNumbers          : true,           \u002F\u002F Display editor line numbers\r\n    lineWrapping         : true,\r\n    autoCloseBrackets    : true,\r\n    showTrailingSpace    : true,\r\n    matchBrackets        : true,\r\n    indentWithTabs       : true,\r\n    styleSelectedText    : true,\r\n    matchWordHighlight   : true,           \u002F\u002F options: true, false, \"onselected\"\r\n    styleActiveLine      : true,           \u002F\u002F Highlight the current line\r\n    dialogLockScreen     : true,\r\n    dialogShowMask       : true,\r\n    dialogDraggable      : true,\r\n    dialogMaskBgColor    : \"#fff\",\r\n    dialogMaskOpacity    : 0.1,\r\n    fontSize             : \"13px\",\r\n    saveHTMLToTextarea   : false,          \u002F\u002F If enable, Editor will create a \u003Ctextarea name=\"{editor-id}-html-code\"> tag save HTML code for form post to server-side.\r\n    disabledKeyMaps      : [],\r\n    \r\n    onload               : function() {},\r\n    onresize             : function() {},\r\n    onchange             : function() {},\r\n    onwatch              : null,\r\n    onunwatch            : null,\r\n    onpreviewing         : function() {},\r\n    onpreviewed          : function() {},\r\n    onfullscreen         : function() {},\r\n    onfullscreenExit     : function() {},\r\n    onscroll             : function() {},\r\n    onpreviewscroll      : function() {},\r\n    \r\n    imageUpload          : false,          \u002F\u002F Enable\u002Fdisable upload\r\n    imageFormats         : [\"jpg\", \"jpeg\", \"gif\", \"png\", \"bmp\", \"webp\"],\r\n    imageUploadURL       : \"\",             \u002F\u002F Upload url\r\n    crossDomainUpload    : false,          \u002F\u002F Enable\u002Fdisable Cross-domain upload\r\n    uploadCallbackURL    : \"\",             \u002F\u002F Cross-domain upload callback url\r\n\r\n    toc                  : true,           \u002F\u002F Table of contents\r\n    tocm                 : false,          \u002F\u002F Using [TOCM], auto create ToC dropdown menu\r\n    tocTitle             : \"\",             \u002F\u002F for ToC dropdown menu button\r\n    tocDropdown          : false,          \u002F\u002F Enable\u002Fdisable Table Of Contents dropdown menu\r\n    tocContainer         : \"\",             \u002F\u002F Custom Table Of Contents Container Selector\r\n    tocStartLevel        : 1,              \u002F\u002F Said from H1 to create ToC\r\n    htmlDecode           : false,          \u002F\u002F Open the HTML tag identification \r\n    pageBreak            : true,           \u002F\u002F Enable parse page break [========]\r\n    atLink               : true,           \u002F\u002F for @link\r\n    emailLink            : true,           \u002F\u002F for email address auto link\r\n    taskList             : false,          \u002F\u002F Enable Github Flavored Markdown task lists\r\n    emoji                : false,          \u002F\u002F :emoji: , Support Github emoji, Twitter Emoji (Twemoji);\r\n                                           \u002F\u002F Support FontAwesome icon emoji :fa-xxx: > Using fontAwesome icon web fonts;\r\n                                           \u002F\u002F Support Editor.md logo icon emoji :editormd-logo: :editormd-logo-1x: > 1~8x;\r\n    tex                  : false,          \u002F\u002F TeX(LaTeX), based on KaTeX\r\n    flowChart            : false,          \u002F\u002F flowChart.js only support IE9+\r\n    sequenceDiagram      : false,          \u002F\u002F sequenceDiagram.js only support IE9+\r\n    previewCodeHighlight : true,           \u002F\u002F Enable \u002F disable code highlight of editor preview area\r\n\r\n    toolbar              : true,           \u002F\u002F show or hide toolbar\r\n    toolbarAutoFixed     : true,           \u002F\u002F on window scroll auto fixed position\r\n    toolbarIcons         : \"full\",         \u002F\u002F Toolbar icons mode, options: full, simple, mini, See `editormd.toolbarModes` property.\r\n    toolbarTitles        : {},\r\n    toolbarHandlers      : {\r\n        ucwords : function() {\r\n            return editormd.toolbarHandlers.ucwords;\r\n        },\r\n        lowercase : function() {\r\n            return editormd.toolbarHandlers.lowercase;\r\n        }\r\n    },\r\n    toolbarCustomIcons   : {               \u002F\u002F using html tag create toolbar icon, unused default \u003Ca> tag.\r\n        lowercase        : \"\u003Ca href=\\\"javascript:;\\\" title=\\\"Lowercase\\\" unselectable=\\\"on\\\">\u003Ci class=\\\"fa\\\" name=\\\"lowercase\\\" style=\\\"font-size:24px;margin-top: -10px;\\\">a\u003C\u002Fi>\u003C\u002Fa>\",\r\n        \"ucwords\"        : \"\u003Ca href=\\\"javascript:;\\\" title=\\\"ucwords\\\" unselectable=\\\"on\\\">\u003Ci class=\\\"fa\\\" name=\\\"ucwords\\\" style=\\\"font-size:20px;margin-top: -3px;\\\">Aa\u003C\u002Fi>\u003C\u002Fa>\"\r\n    },\r\n    toolbarIconTexts     : {},\r\n    \r\n    lang : {  \u002F\u002F Language data, you can custom your language.\r\n        name        : \"zh-cn\",\r\n        description : \"开源在线Markdown编辑器\u003Cbr\u002F>Open source online Markdown editor.\",\r\n        tocTitle    : \"目录\",\r\n        toolbar     : {\n            \u002F\u002F...\n        },\n        button: {\n            \u002F\u002F...\n        },\r\n        dialog : {\n            \u002F\u002F...\n        }\n        \u002F\u002F...\n    }\n}\n```\r\n\r\n#### Dependents\r\n\r\n- [CodeMirror](http:\u002F\u002Fcodemirror.net\u002F \"CodeMirror\")\r\n- [marked](https:\u002F\u002Fgithub.com\u002Fmarkedjs\u002Fmarked \"marked\")\r\n- [jQuery](http:\u002F\u002Fjquery.com\u002F \"jQuery\")\r\n- [FontAwesome](http:\u002F\u002Ffontawesome.io\u002F \"FontAwesome\")\r\n- [github-markdown.css](https:\u002F\u002Fgithub.com\u002Fsindresorhus\u002Fgithub-markdown-css \"github-markdown.css\")\r\n- [KaTeX](http:\u002F\u002Fkhan.github.io\u002FKaTeX\u002F \"KaTeX\")\r\n- [prettify.js](http:\u002F\u002Fcode.google.com\u002Fp\u002Fgoogle-code-prettify\u002F \"prettify.js\")\r\n- [Rephael.js](http:\u002F\u002Fraphaeljs.com\u002F \"Rephael.js\")\r\n- [flowchart.js](http:\u002F\u002Fadrai.github.io\u002Fflowchart.js\u002F \"flowchart.js\")\r\n- [sequence-diagram.js](http:\u002F\u002Fbramp.github.io\u002Fjs-sequence-diagrams\u002F \"sequence-diagram.js\")\r\n- [Prefixes.scss](https:\u002F\u002Fgithub.com\u002Fpandao\u002Fprefixes.scss \"Prefixes.scss\")\r\n\r\n#### Changes\r\n\r\n[Change logs](https:\u002F\u002Fgithub.com\u002Fpandao\u002Feditor.md\u002Fblob\u002Fmaster\u002FCHANGE.md)\r\n\r\n#### License\r\n\r\nThe MIT License.\r\n\r\nCopyright (c) 2015-2019 Pandao\r\n","Editor.md 是一款开源的、可嵌入的在线 Markdown 编辑器组件，基于 CodeMirror、jQuery 和 Marked 构建。它支持标准 Markdown、CommonMark 和 GFM（GitHub Flavored Markdown）语法，并提供实时预览、图片上传、代码折叠、搜索替换等丰富功能。此外，还支持扩展语法如 ToC、Emoji、任务列表和 @链接，并且能够解析 TeX 科学公式、流程图和时序图。该编辑器兼容所有主流浏览器（包括 IE8+），并支持 AMD\u002FCMD 模块加载器。适用于需要在网页中嵌入 Markdown 编辑功能的各种场景，如博客平台、文档系统和技术社区。",2,"2026-06-11 02:53:43","top_language"]