npm install editor.md

bower install editor.md

<link rel="stylesheet" href="editor.md/css/editormd.min.css" />
<div id="editor">
    <!-- Советы: Editor.md может автоматически добавить тег `<textarea>` -->
    <textarea style="display:none;">### Hello Editor.md!</textarea>
</div>
<script src="jquery.min.js"></script>
<script src="editor.md/editormd.min.js"></script>
<script type="text/javascript">
    $(function() {
        var editor = editormd("editor", {
            // width: "100%",
            // height: "100%"
            //
``` Если вы используете модульный скрипт-загрузчик:

- [Использование Require.js](https://github.com/pandao/editor.md/tree/master/examples/use-requirejs.html)
- [Использование Sea.js](https://github.com/pandao/editor.md/tree/master/examples/use-seajs.html) 

#### Markdown в HTML

```html
<link rel="stylesheet" href="editormd/css/editormd.preview.css" />
<div id="test-markdown-view">
    <!-- Серверная генерация Markdown текста -->
    <textarea style="display:none;">### Hello world!</textarea>
</div>
<script src="jquery.min.js"></script>
<script src="editormd/editormd.js"></script>
<script src="editormd/lib/marked.min.js"></script>
<script src="editormd/lib/prettify.min.js"></script>
<script type="text/javascript">
    $(function() {
        var testView = editormd.markdownToHTML("test-markdown-view", {
            // markdown : "[TOC]\n### Hello world!\n## Heading 2", // Также можно динамически задавать текст Markdown
            // htmlDecode : true,  // Включить / отключить кодирование HTML тегов.
            // htmlDecode : "style,script,iframe",  // Примечание: если включено, следует фильтровать некоторые опасные теги HTML для безопасности веб-сайта.
        });
    });
</script>

{
    mode                 : "gfm",          // gfm или markdown
    name                 : "",             // Имя элемента формы для публикации
    value                : "",             // значение для CodeMirror, если режим не gfm/markdown
    theme                : "",             // Темы Editor.md, до версии v1.5.0 это тема CodeMirror, по умолчанию пустая
    editorTheme          : "default",      // Область редактора, это тема CodeMirror в версии v1.5.0
    previewTheme         : "",             // Тема области предварительного просмотра, по умолчанию пуста
    markdown             : "",             // Исходный код Markdown
    appendMarkdown       : "",             // если в init значение textarea не пусто, добавить Markdown к textarea
    width                : "100%",
    height               : "100%",
    path                 : "./lib/",       // Каталог файлов зависимых модулей
    pluginPath           : "",             // Если этот параметр пуст, по умолчанию используется settings.path + "../plugins/"
    delay                : 300,            // Задержка парсинга Markdown в html, Uint: мс
    autoLoadModules      : true,           // Автоматическая загрузка файлов зависимых модулей
    watch                : true,
    placeholder          : "Enjoy Markdown! coding now...",
    gotoLine             : true,           // Включить / выключить переход на строку
    codeFold             : false,
    autoHeight           : false,
    autoFocus            : true,           // Включить / выключить автофокус левой области ввода редактора
    autoCloseTags        : true,
    searchReplace        : true,           // Включить / выключить (CodeMirror) функцию поиска и замены
    syncScrolling        : true,           // параметры: true | false | "single", по умолчанию true
    readOnly             : false,          // Включить / выключить режим только для чтения
    tabSize              : 4,
    indentUnit           : 4,
    lineNumbers          : true,           // Отображение номеров строк редактора
    lineWrapping         : true,
    autoCloseBrackets    : true,
    showTrailingSpace    : true,
    matchBrackets        : true,
    indentWithTabs       : true,
    styleSelectedText    : true,
    matchWordHighlight   : true,           // опции: true, false, "onselected"
    styleActiveLine      : true,           // Выделение текущей строки
    dialogLockScreen     : true
``` dialogShowMask: true,
dialogDraggable: true,
dialogMaskBgColor: "#fff",
dialogMaskOpacity: 0.1,
fontSize: "13px",
saveHTMLToTextarea: false, // If enable, Editor will create a <textarea name="{editor-id}-html-code"> tag save HTML code for form post to server-side.
disabledKeyMaps: [],

onload: function() {},
onresize: function() {},
onchange: function() {},
onwatch: null,
onunwatch: null,
onpreviewing: function() {},
onpreviewed: function() {},
onfullscreen: function() {},
onfullscreenExit: function() {},
onscroll: function() {},
onpreviewscroll: function() {},

imageUpload: false, // Enable/disable upload
imageFormats: ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
imageUploadURL: "", // Upload url
imageUploadFields: "", // append upload form fields for CRSF etc. Server-side receives the POST parameters. v1.5.1+
imageUploadCallback: function() {}, // set image upload finish (success or failure) callback handler v1.5.1+
imageUploadCallbackName: '__Editor_md_ImageUploadCallback', // upload callback name for cross-domain upload v1.5.1+
crossDomainUpload: false, // Enable/disable Cross-domain upload
uploadCallbackURL: "", // Cross-domain upload callback url

toc: true, // Table of contents
tocm: false, // Using [TOCM], auto create ToC dropdown menu
tocTitle: "", // for ToC dropdown menu button
tocDropdown: false, // Enable/disable Table Of Contents dropdown menu
tocContainer: "", // Custom Table Of Contents Container Selector
tocStartLevel: 1, // Said from H1 to create ToC
htmlDecode: false, // Open the HTML tag identification, If set String value expression : tagName,tagName,...|attrName,attrName,...
pageBreak: true, // Enable parse page break [========]
atLink: true, // for @link
emailLink: true, // for email address auto link
taskList: false, // Enable Github Flavored Markdown task lists
emoji: false, // :emoji: , Support Github emoji, Twitter Emoji (Twemoji);
// Support FontAwesome icon emoji :fa-xxx: > Using fontAwesome icon web fonts;
// Support Editor.md logo icon emoji :editormd-logo: :editormd-logo-1x: > 1~8x;
emojiCategories: [ // Custom Emoji categories
    "github-emoji",
    "twemoji",
    "font-awesome",
    "editormd-logo"
],
tex: false, // TeX(LaTeX), based on KaTeX
flowChart: false, // flowChart.js only support IE9+
sequenceDiagram: false, // sequenceDiagram.js only support IE9+
previewCodeHighlight: true, // Enable / disable code highlight of editor preview area

toolbar: true, // show or hide toolbar
toolbarAutoFixed: true, // on window scroll auto fixed position
toolbarIcons: "full", // Toolbar icons mode, options: full, simple, mini, See `editormd.toolbarModes` property.
toolbarTitles: {},
toolbarHandlers: {
    ucwords: function() {
        return editormd.toolbarHandlers.ucwords;
    },
    lowercase: function() {
        return editormd.toolbarHandlers.lowercase;
    }
},
toolbarCustomIcons: { // using html tag create toolbar icon, unused default <a> tag.
    lowercase: "<a href=\"javascript:;\" title=\"Lowercase\" unselectable=\"on\"><i class=\"fa\"" **Зависимости:**

- CodeMirror;
- marked;
- jQuery;
- FontAwesome;
- github-markdown.css;
- KaTeX;
- prettify.js;
- Rephael.js;
- flowchart.js;
- sequence-diagram.js;
- Prefixes.scss.

**Изменения:**

[Журналы изменений](https://github.com/pandao/editor.md/blob/master/CHANGE.md).

**Лицензия:**

The MIT License.

Copyright (c) 2015–2019 Pandao.