# django_session

session_key: z8b3vtf87mjt7z7qmggc34mhfxiancjo
expire_date: 2019-07-24 09:22:21.017967
session_data:
  OGI1ZWJiMGIzOGFhZWU5MzZkZTFkZjA2ZWJkMGYxNmQxMWZkNjhlMDp7Il9hdXRoX3VzZXJfaWQiOiIxIiwiX2F1dGhfdXNlcl9iYWNrZW5kIjoiZGphbmdvLmNvbnRyaWIuYXV0aC5iYWNrZW5kcy5Nb2RlbEJhY2tlbmQiLCJfYXV0aF91c2VyX2hhc2giOiI1ZjAyMGU5ZDI5ZmQ4MWViZjc4NzM3YjY2ZWZiM2I3N2I0YzBhMTVhIn0=


session_key: ef250aibz8bn13s1ig6l297f9eutgw1r
expire_date: 2019-08-05 15:23:27.180245
session_data:
  Y2EwMTFiODFiYjI4NTEwMDhjM2E0NTgzZmViYzQ1NDM4ODY1NGY0Yjp7Il9hdXRoX3VzZXJfaWQiOiIxIiwiX2F1dGhfdXNlcl9iYWNrZW5kIjoiZGphbmdvLmNvbnRyaWIuYXV0aC5iYWNrZW5kcy5Nb2RlbEJhY2tlbmQiLCJfYXV0aF91c2VyX2hhc2giOiJhMjAwYTc2OWFlZDYxZDhkM2U0Mzk5NzAwMTI2ZDNlY2Q0OTk0Y2I2In0=


session_key: 8z2n7gus9tebqbrev165vt3q3izxtsvy
expire_date: 2019-08-08 03:07:23.053953
session_data:
  ZjY3MTM4OTliMTUzMWZkYTA3MWFjYTYyOTZhMzU4OWExYTdjOGIwZTp7Il9hdXRoX3VzZXJfaWQiOiIxIiwiX2F1dGhfdXNlcl9iYWNrZW5kIjoiZGphbmdvLmNvbnRyaWIuYXV0aC5iYWNrZW5kcy5Nb2RlbEJhY2tlbmQiLCJfYXV0aF91c2VyX2hhc2giOiI5OTk5ZmZmMzI2NjNmYTc2ODhjOTZiMDM3NjRhNGFjODljYjI4YWU2In0=


session_key: 92l791wutnwrcp4m66hev2g16at132mh
expire_date: 2019-08-08 13:42:44.519867
session_data:
  NDNjNGRkOTdjNDQyZDAxN2Q3MDNmNmM1YzFiOWQwNjM1OWY1NzNiYjp7IkNoZWNrQ29kZSI6IjgzQWQiLCJfYXV0aF91c2VyX2lkIjoiMSIsIl9hdXRoX3VzZXJfYmFja2VuZCI6ImRqYW5nby5jb250cmliLmF1dGguYmFja2VuZHMuTW9kZWxCYWNrZW5kIiwiX2F1dGhfdXNlcl9oYXNoIjoiZWIxODBmODhhNTg4MTYxOGU1MTg0OTMyYjVmOTUzZjA4YTQ4ZDFhNCJ9


session_key: w9z6zslwkongov2os3x0oayd2ozpqibv
expire_date: 2019-08-11 01:05:33.901704
session_data:
  MmY3YWNkZTljZjgwOGVkMzcyODAzN2Q4YjRlMDcyMjEyZWY1N2YxMDp7Il9hdXRoX3VzZXJfaWQiOiIxIiwiX2F1dGhfdXNlcl9iYWNrZW5kIjoiZGphbmdvLmNvbnRyaWIuYXV0aC5iYWNrZW5kcy5Nb2RlbEJhY2tlbmQiLCJfYXV0aF91c2VyX2hhc2giOiJlYjE4MGY4OGE1ODgxNjE4ZTUxODQ5MzJiNWY5NTNmMDhhNDhkMWE0In0=


session_key: kohbtzzhdv6bgbxuac7hs21fltmh5idv
expire_date: 2019-08-12 05:13:47.585592
session_data:
  MTc3ODkwYzJjNjQ2MGMyYzA5ZDM2MWU3Nzc2MzVhY2Q3MmViZWFkODp7Il9hdXRoX3VzZXJfaWQiOiIxIiwiX2F1dGhfdXNlcl9iYWNrZW5kIjoiZGphbmdvLmNvbnRyaWIuYXV0aC5iYWNrZW5kcy5Nb2RlbEJhY2tlbmQiLCJfYXV0aF91c2VyX2hhc2giOiI0YjlkODk0ZGEzZDYyNWZkZTk0OTgxYjczZDg3YWY4MjAzMjk2ZDk1In0=


session_key: cpkmbpieqeswhtf54gqzvbo7arzg70dg
expire_date: 2019-08-13 23:17:10.767802
session_data:
  ZmM2Y2NlODZhNjZmYTEwZTgwZTcyMjdmZTIwNDE4Zjk1OGI0ZjIxZDp7Il9hdXRoX3VzZXJfaWQiOiIxIiwiX2F1dGhfdXNlcl9iYWNrZW5kIjoiZGphbmdvLmNvbnRyaWIuYXV0aC5iYWNrZW5kcy5Nb2RlbEJhY2tlbmQiLCJfYXV0aF91c2VyX2hhc2giOiJmOGFlNjc4MmRlZjJiNTJiNDRhNTg1NjVkOGEyMDE4NWUwOTZjNmMxIn0=


session_key: ppg5oc0ducsmk9rg8txy789i8hz88yoh
expire_date: 2019-08-14 13:31:07.051300
session_data:
  NjE3ZDY3Y2NkZjY4N2I1ZDhmNjJjZGNiZmYxODM2MWNjMThiODNjMjp7Il9hdXRoX3VzZXJfaWQiOiIyIiwiX2F1dGhfdXNlcl9iYWNrZW5kIjoiZGphbmdvLmNvbnRyaWIuYXV0aC5iYWNrZW5kcy5Nb2RlbEJhY2tlbmQiLCJfYXV0aF91c2VyX2hhc2giOiI5ZTRjMzg3NGRhZDRhMGExOTM2YThiMDRiNjgwZGI1MTIxMWI3Mzk5In0=


# app_doc_doctemp

name: 默认模板
create_time: 2019-07-22 03:20:54.914326
modify_time: 2019-07-23 14:01:54.574978
content:
  ## 现在
  卡上经典回复口水巾阿红的看风景
  ## 原因
  山东矿机方哈萨克的金凤凰扩散到
  ### 分析
  洒落到客服进来撒款到即发流口水京东方
  ## 预测
  阿隆索的看风景萨卡京东方来款撒旦教方
  ## 结果


# app_doc_doc

name: 第一章
create_time: 2019-07-17 02:45:17.215884
modify_time: 2019-07-17 02:45:17.215884
content:
  <h1 id="h1-u83B7u53D6u503C"><a name="获取值" class="reference-link"></a><span class="header-link octicon octicon-link"></span>获取值</h1><p><i class="fa fa-weixin fa-emoji" title="weixin"></i> <i class="fa fa-weixin fa-emoji" title="weixin"></i><br>每个 Editor.md 的 ID 元素下都有一个保存 Markdown 源码的 Textarea，你也可以通过设置开启另一个保存 HTML 源码的 Textarea，可以按需要获取相应的值，如下：</p>
  <h2 id="h2-u9648u599Eu599E"><a name="陈妞妞" class="reference-link"></a><span class="header-link octicon octicon-link"></span>陈妞妞</h2><pre><code class="lang-html">:smiley:
  &lt;div class=&quot;editormd&quot; id=&quot;$id&quot;&gt;
      &lt;textarea class=&quot;editormd-markdown-textarea&quot; name=&quot;$id-markdown-doc&quot;&gt;&lt;/textarea&gt;

      &lt;!-- html textarea 需要开启配置项 saveHTMLToTextarea == true --&gt;
      &lt;textarea class=&quot;editormd-html-textarea&quot; name=&quot;$id-html-code&quot;&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  </code></pre>
  <p><strong>目录 (Table of Contents)</strong></p>
  <div class="editormd-toc-menu"><div class="markdown-toc editormd-markdown-toc">[TOCM]</div></div><br/><h1 id="h1-heading-1"><a name="Heading 1" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 1</h1><h2 id="h2-heading-2"><a name="Heading 2" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 2</h2><h3 id="h3-heading-3"><a name="Heading 3" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 3</h3><h4 id="h4-heading-4"><a name="Heading 4" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 4</h4><h5 id="h5-heading-5"><a name="Heading 5" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 5</h5><h6 id="h6-heading-6"><a name="Heading 6" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 6</h6><h1 id="h1-heading-1-link-heading-link"><a name="Heading 1 link   Heading link" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 1 link <a href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h1><h2 id="h2-heading-2-link-heading-link"><a name="Heading 2 link   Heading link" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 2 link <a href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h2><h3 id="h3-heading-3-link-heading-link"><a name="Heading 3 link   Heading link" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 3 link <a href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h3><h4 id="h4-heading-4-link-heading-link-heading-link-heading-link"><a name="Heading 4 link   Heading link  Heading link   Heading link" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 4 link <a href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a> Heading link <a href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h4><h5 id="h5-heading-5-link-heading-link"><a name="Heading 5 link   Heading link" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 5 link <a href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h5><h6 id="h6-heading-6-link-heading-link"><a name="Heading 6 link   Heading link" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 6 link <a href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h6><h4 id="h4--heading-underline-"><a name="标题（用底线的形式）Heading (underline)" class="reference-link"></a><span class="header-link octicon octicon-link"></span>标题（用底线的形式）Heading (underline)</h4><h1 id="h1-this-is-an-h1"><a name="This is an H1" class="reference-link"></a><span class="header-link octicon octicon-link"></span>This is an H1</h1><h2 id="h2-this-is-an-h2"><a name="This is an H2" class="reference-link"></a><span class="header-link octicon octicon-link"></span>This is an H2</h2><h3 id="h3-u5B57u7B26u6548u679Cu548Cu6A2Au7EBFu7B49"><a name="字符效果和横线等" class="reference-link"></a><span class="header-link octicon octicon-link"></span>字符效果和横线等</h3><hr>
  <p><del>删除线</del> &lt;s&gt;删除线（开启识别HTML标签时）&lt;/s&gt;<br><em>斜体字</em>      <em>斜体字</em><br><strong>粗体</strong>  <strong>粗体</strong><br><strong><em>粗斜体</em></strong> <strong><em>粗斜体</em></strong></p>
  <p>上标：X&lt;sub&gt;2&lt;/sub&gt;，下标：O&lt;sup&gt;2&lt;/sup&gt;</p>
  <p><strong>缩写(同HTML的abbr标签)</strong></p>
  <blockquote>
  <p>即更长的单词或短语的缩写形式，前提是开启识别HTML标签时，已默认开启</p>
  </blockquote>
  <p>The &lt;abbr title=&quot;Hyper Text Markup Language&quot;&gt;HTML&lt;/abbr&gt; specification is maintained by the &lt;abbr title=&quot;World Wide Web Consortium&quot;&gt;W3C&lt;/abbr&gt;.</p>
  <h3 id="h3--blockquotes"><a name="引用 Blockquotes" class="reference-link"></a><span class="header-link octicon octicon-link"></span>引用 Blockquotes</h3><blockquote>
  <p>引用文本 Blockquotes</p>
  </blockquote>
  <p>引用的行内混合 Blockquotes</p>
  <blockquote>
  <p>引用：如果想要插入空白换行<code>即&lt;br /&gt;标签</code>，在插入处先键入两个以上的空格然后回车即可，<a href="http://localhost/">普通链接</a>。</p>
  </blockquote>
  <h3 id="h3--links"><a name="锚点与链接 Links" class="reference-link"></a><span class="header-link octicon octicon-link"></span>锚点与链接 Links</h3><p><a href="http://localhost/">普通链接</a></p>
  <p><a href="http://localhost/" title="普通链接带标题">普通链接带标题</a></p>
  <p>直接链接：<a href="https://github.com">https://github.com</a></p>
  <p><a href="http://www.this-anchor-link.com/">锚点链接</a> </p>
  <p><a href="mailto:test.test@gmail.com"">mailto:test.test&#64;gmail.com</a></p>
  <p>GFM a-tail link <a href="https://github.com/pandao" title="&#64;pandao" class="at-link">@pandao</a>  邮箱地址自动链接 <a href="mailto:test.test@gmail.com">test.test@gmail.com</a>  <a href="mailto:www@vip.qq.com">www@vip.qq.com</a></p>
  <blockquote>
  <p><a href="https://github.com/pandao" title="&#64;pandao" class="at-link">@pandao</a></p>
  </blockquote>
  <h3 id="h3--codes"><a name="多语言代码高亮 Codes" class="reference-link"></a><span class="header-link octicon octicon-link"></span>多语言代码高亮 Codes</h3><h4 id="h4--inline-code"><a name="行内代码 Inline code" class="reference-link"></a><span class="header-link octicon octicon-link"></span>行内代码 Inline code</h4><p>执行命令：<code>npm install marked</code></p>
  <h4 id="h4-u7F29u8FDBu98CEu683C"><a name="缩进风格" class="reference-link"></a><span class="header-link octicon octicon-link"></span>缩进风格</h4><p>即缩进四个空格，也做为实现类似 <code>&lt;pre&gt;</code> 预格式化文本 ( Preformatted Text ) 的功能。</p>
  <pre><code>&lt;?php
      echo &quot;Hello world!&quot;;
  ?&gt;
  </code></pre><p>预格式化文本：</p>
  <pre><code>| First Header  | Second Header |
  | ------------- | ------------- |
  | Content Cell  | Content Cell  |
  | Content Cell  | Content Cell  |
  </code></pre><h4 id="h4-js-"><a name="JS代码" class="reference-link"></a><span class="header-link octicon octicon-link"></span>JS代码　</h4><pre><code class="lang-javascript">function test() {
      console.log(&quot;Hello world!&quot;);
  }

  (function(){
      var box = function() {
          return box.fn.init();
      };

      box.prototype = box.fn = {
          init : function(){
              console.log(&#39;box.init()&#39;);

              return this;
          },

          add : function(str) {
              alert(&quot;add&quot;, str);

              return this;
          },

          remove : function(str) {
              alert(&quot;remove&quot;, str);

              return this;
          }
      };

      box.fn.init.prototype = box.fn;

      window.box =box;
  })();

  var testBox = box();
  testBox.add(&quot;jQuery&quot;).remove(&quot;jQuery&quot;);
  </code></pre>
  <h4 id="h4-html-html-codes"><a name="HTML 代码 HTML codes" class="reference-link"></a><span class="header-link octicon octicon-link"></span>HTML 代码 HTML codes</h4><pre><code class="lang-html">&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;mate charest=&quot;utf-8&quot; /&gt;
          &lt;meta name=&quot;keywords&quot; content=&quot;Editor.md, Markdown, Editor&quot; /&gt;
          &lt;title&gt;Hello world!&lt;/title&gt;
          &lt;style type=&quot;text/css&quot;&gt;
              body{font-size:14px;color:#444;font-family: &quot;Microsoft Yahei&quot;, Tahoma, &quot;Hiragino Sans GB&quot;, Arial;background:#fff;}
              ul{list-style: none;}
              img{border:none;vertical-align: middle;}
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;h1 class=&quot;text-xxl&quot;&gt;Hello world!&lt;/h1&gt;
          &lt;p class=&quot;text-green&quot;&gt;Plain text&lt;/p&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <h3 id="h3--images"><a name="图片 Images" class="reference-link"></a><span class="header-link octicon octicon-link"></span>图片 Images</h3><p>Image:</p>
  <p><img src="https://pandao.github.io/editor.md/examples/images/4.jpg" alt=""></p>
  <blockquote>
  <p>Follow your heart.</p>
  </blockquote>
  <p><img src="https://pandao.github.io/editor.md/examples/images/8.jpg" alt=""></p>
  <blockquote>
  <p>图为：厦门白城沙滩</p>
  </blockquote>
  <p>图片加链接 (Image + Link)：</p>
  <p><a href="https://pandao.github.io/editor.md/images/7.jpg" title="李健首张专辑《似水流年》封面"><img src="https://pandao.github.io/editor.md/examples/images/7.jpg" alt=""></a></p>
  <blockquote>
  <p>图为：李健首张专辑《似水流年》封面</p>
  </blockquote>
  <hr>
  <h3 id="h3--lists"><a name="列表 Lists" class="reference-link"></a><span class="header-link octicon octicon-link"></span>列表 Lists</h3><h4 id="h4--unordered-lists-"><a name="无序列表（减号）Unordered Lists (-)" class="reference-link"></a><span class="header-link octicon octicon-link"></span>无序列表（减号）Unordered Lists (-)</h4><ul>
  <li>列表一</li><li>列表二</li><li>列表三</li></ul>
  <h4 id="h4--unordered-lists-"><a name="无序列表（星号）Unordered Lists (*)" class="reference-link"></a><span class="header-link octicon octicon-link"></span>无序列表（星号）Unordered Lists (*)</h4><ul>
  <li>列表一</li><li>列表二</li><li>列表三</li></ul>
  <h4 id="h4--unordered-lists-"><a name="无序列表（加号和嵌套）Unordered Lists (+)" class="reference-link"></a><span class="header-link octicon octicon-link"></span>无序列表（加号和嵌套）Unordered Lists (+)</h4><ul>
  <li>列表一</li><li>列表二<ul>
  <li>列表二-1</li><li>列表二-2</li><li>列表二-3</li></ul>
  </li><li>列表三<ul>
  <li>列表一</li><li>列表二</li><li>列表三</li></ul>
  </li></ul>
  <h4 id="h4--ordered-lists-"><a name="有序列表 Ordered Lists (-)" class="reference-link"></a><span class="header-link octicon octicon-link"></span>有序列表 Ordered Lists (-)</h4><ol>
  <li>第一行</li><li>第二行</li><li>第三行</li></ol>
  <h4 id="h4-gfm-task-list"><a name="GFM task list" class="reference-link"></a><span class="header-link octicon octicon-link"></span>GFM task list</h4><ul>
  <li style="list-style: none;"><input type="checkbox" class="task-list-item-checkbox" checked disabled /> GFM task list 1</li><li style="list-style: none;"><input type="checkbox" class="task-list-item-checkbox" checked disabled /> GFM task list 2</li><li style="list-style: none;"><input type="checkbox" class="task-list-item-checkbox" /> GFM task list 3<ul>
  <li style="list-style: none;"><input type="checkbox" class="task-list-item-checkbox" /> GFM task list 3-1</li><li style="list-style: none;"><input type="checkbox" class="task-list-item-checkbox" /> GFM task list 3-2</li><li style="list-style: none;"><input type="checkbox" class="task-list-item-checkbox" /> GFM task list 3-3</li></ul>
  </li><li style="list-style: none;"><input type="checkbox" class="task-list-item-checkbox" /> GFM task list 4<ul>
  <li style="list-style: none;"><input type="checkbox" class="task-list-item-checkbox" /> GFM task list 4-1</li><li style="list-style: none;"><input type="checkbox" class="task-list-item-checkbox" /> GFM task list 4-2</li></ul>
  </li></ul>
  <hr>
  <h3 id="h3--tables"><a name="绘制表格 Tables" class="reference-link"></a><span class="header-link octicon octicon-link"></span>绘制表格 Tables</h3><table>
  <thead>
  <tr>
  <th>项目</th>
  <th style="text-align:right">价格</th>
  <th style="text-align:center">数量</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td>计算机</td>
  <td style="text-align:right">$1600</td>
  <td style="text-align:center">5</td>
  </tr>
  <tr>
  <td>手机</td>
  <td style="text-align:right">$12</td>
  <td style="text-align:center">12</td>
  </tr>
  <tr>
  <td>管线</td>
  <td style="text-align:right">$1</td>
  <td style="text-align:center">234</td>
  </tr>
  </tbody>
  </table>
  <table>
  <thead>
  <tr>
  <th>First Header</th>
  <th>Second Header</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td>Content Cell</td>
  <td>Content Cell</td>
  </tr>
  <tr>
  <td>Content Cell</td>
  <td>Content Cell </td>
  </tr>
  </tbody>
  </table>
  <table>
  <thead>
  <tr>
  <th>First Header</th>
  <th>Second Header</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td>Content Cell</td>
  <td>Content Cell</td>
  </tr>
  <tr>
  <td>Content Cell</td>
  <td>Content Cell</td>
  </tr>
  </tbody>
  </table>
  <table>
  <thead>
  <tr>
  <th>Function name</th>
  <th>Description</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td><code>help()</code></td>
  <td>Display the help window.</td>
  </tr>
  <tr>
  <td><code>destroy()</code></td>
  <td><strong>Destroy your computer!</strong></td>
  </tr>
  </tbody>
  </table>
  <table>
  <thead>
  <tr>
  <th style="text-align:left">Left-Aligned</th>
  <th style="text-align:center">Center Aligned</th>
  <th style="text-align:right">Right Aligned</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td style="text-align:left">col 3 is</td>
  <td style="text-align:center">some wordy text</td>
  <td style="text-align:right">$1600</td>
  </tr>
  <tr>
  <td style="text-align:left">col 2 is</td>
  <td style="text-align:center">centered</td>
  <td style="text-align:right">$12</td>
  </tr>
  <tr>
  <td style="text-align:left">zebra stripes</td>
  <td style="text-align:center">are neat</td>
  <td style="text-align:right">$1</td>
  </tr>
  </tbody>
  </table>
  <table>
  <thead>
  <tr>
  <th>Item</th>
  <th style="text-align:right">Value</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td>Computer</td>
  <td style="text-align:right">$1600</td>
  </tr>
  <tr>
  <td>Phone</td>
  <td style="text-align:right">$12</td>
  </tr>
  <tr>
  <td>Pipe</td>
  <td style="text-align:right">$1</td>
  </tr>
  </tbody>
  </table>
  <hr>
  <h4 id="h4--html-entities-codes"><a name="特殊符号 HTML Entities Codes" class="reference-link"></a><span class="header-link octicon octicon-link"></span>特殊符号 HTML Entities Codes</h4><p>&copy; &amp;  &uml; &trade; &iexcl; &pound;<br>&amp; &lt; &gt; &yen; &euro; &reg; &plusmn; &para; &sect; &brvbar; &macr; &laquo; &middot; </p>
  <p>X&sup2; Y&sup3; &frac34; &frac14;  &times;  &divide;   &raquo;</p>
  <p>18&ordm;C  &quot;  &apos;</p>
  <hr style="page-break-after:always;" class="page-break editormd-page-break" /><h3 id="h3-emoji-smiley-"><a name="Emoji表情 :smiley:" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Emoji表情 <img src="/static/editor.md/plugins/emoji-dialog/emoji/smiley.png" class="emoji" title="&#58;smiley&#58;" alt="&#58;smiley&#58;" /></h3><blockquote>
  <p>Blockquotes <img src="/static/editor.md/plugins/emoji-dialog/emoji/star.png" class="emoji" title="&#58;star&#58;" alt="&#58;star&#58;" /></p>
  </blockquote>
  <h4 id="h4-gfm-task-lists-amp-emoji-amp-fontawesome-icon-emoji-amp-editormd-logo-emoji-editormd-logo-5x-"><a name="GFM task lists &amp; Emoji &amp; fontAwesome icon emoji &amp; editormd logo emoji :editormd-logo-5x:" class="reference-link"></a><span class="header-link octicon octicon-link"></span>GFM task lists &amp; Emoji &amp; fontAwesome icon emoji &amp; editormd logo emoji <i class="editormd-logo-5x" title="Editor.md logo (editormd-logo-5x)"></i></h4><ul>
  <li style="list-style: none;"><input type="checkbox" class="task-list-item-checkbox" checked disabled /> <img src="/static/editor.md/plugins/emoji-dialog/emoji/smiley.png" class="emoji" title="&#58;smiley&#58;" alt="&#58;smiley&#58;" /> <a href="https://github.com/mentions" title="&#64;mentions" class="at-link">@mentions</a>, <img src="/static/editor.md/plugins/emoji-dialog/emoji/smiley.png" class="emoji" title="&#58;smiley&#58;" alt="&#58;smiley&#58;" /> #refs, <a href="">links</a>, <strong>formatting</strong>, and &lt;del&gt;tags&lt;/del&gt; supported <i class="editormd-logo" title="Editor.md logo (editormd-logo)"></i>;</li><li style="list-style: none;"><input type="checkbox" class="task-list-item-checkbox" checked disabled /> list syntax required (any unordered or ordered list supported) <i class="editormd-logo-3x" title="Editor.md logo (editormd-logo-3x)"></i>;</li><li style="list-style: none;"><input type="checkbox" class="task-list-item-checkbox" checked disabled /> [ ] <img src="/static/editor.md/plugins/emoji-dialog/emoji/smiley.png" class="emoji" title="&#58;smiley&#58;" alt="&#58;smiley&#58;" /> this is a complete item <img src="/static/editor.md/plugins/emoji-dialog/emoji/smiley.png" class="emoji" title="&#58;smiley&#58;" alt="&#58;smiley&#58;" />;</li><li style="list-style: none;"><input type="checkbox" class="task-list-item-checkbox" /> []this is an incomplete item <a href="#">test link</a> <i class="fa fa-star fa-emoji" title="star"></i> <a href="https://github.com/pandao" title="&#64;pandao" class="at-link">@pandao</a>; </li><li style="list-style: none;"><input type="checkbox" class="task-list-item-checkbox" /> [ ]this is an incomplete item <i class="fa fa-star fa-emoji" title="star"></i> <i class="fa fa-gear fa-emoji" title="gear"></i>;<ul>
  <li style="list-style: none;"><input type="checkbox" class="task-list-item-checkbox" /> <img src="/static/editor.md/plugins/emoji-dialog/emoji/smiley.png" class="emoji" title="&#58;smiley&#58;" alt="&#58;smiley&#58;" /> this is an incomplete item <a href="#">test link</a> <i class="fa fa-star fa-emoji" title="star"></i> <i class="fa fa-gear fa-emoji" title="gear"></i>;</li><li style="list-style: none;"><input type="checkbox" class="task-list-item-checkbox" /> <img src="/static/editor.md/plugins/emoji-dialog/emoji/smiley.png" class="emoji" title="&#58;smiley&#58;" alt="&#58;smiley&#58;" /> this is  <i class="fa fa-star fa-emoji" title="star"></i> <i class="fa fa-gear fa-emoji" title="gear"></i> an incomplete item <a href="#">test link</a>;</li></ul>
  </li></ul>
  <h4 id="h4--escape"><a name="反斜杠 Escape" class="reference-link"></a><span class="header-link octicon octicon-link"></span>反斜杠 Escape</h4><p>*literal asterisks*</p>
  <hr style="page-break-after:always;" class="page-break editormd-page-break" /><h3 id="h3--tex-katex-"><a name="科学公式 TeX(KaTeX)" class="reference-link"></a><span class="header-link octicon octicon-link"></span>科学公式 TeX(KaTeX)</h3><p class="editormd-tex">E=mc^2</p>
  <p>行内的公式<span class="editormd-tex">E=mc^2</span>行内的公式，行内的<span class="editormd-tex">E=mc^2</span>公式。</p>
  <p class="editormd-tex">x &gt; y</p>
  <p class="editormd-tex">(\sqrt{3x-1}+(1+x)^2)</p>
  <p class="editormd-tex">\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))</p>
  <p>多行公式：</p>
  <p class="editormd-tex">\displaystyle
  \left( \sum\_{k=1}^n a\_k b\_k \right)^2
  \leq
  \left( \sum\_{k=1}^n a\_k^2 \right)
  \left( \sum\_{k=1}^n b\_k^2 \right)</p><p class="editormd-tex">\displaystyle 
      \frac{1}{
          \Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{
          \frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {
          1+\frac{e^{-6\pi}}
          {1+\frac{e^{-8\pi}}
           {1+\cdots} }
          } 
      }</p><p class="editormd-tex">f(x) = \int_{-\infty}^\infty
      \hat f(\xi)\,e^{2 \pi i \xi x}
      \,d\xi</p><h3 id="h3--page-break"><a name="分页符 Page break" class="reference-link"></a><span class="header-link octicon octicon-link"></span>分页符 Page break</h3><blockquote>
  <p>Print Test: Ctrl + P</p>
  </blockquote>
  <hr style="page-break-after:always;" class="page-break editormd-page-break" /><h3 id="h3--flowchart"><a name="绘制流程图 Flowchart" class="reference-link"></a><span class="header-link octicon octicon-link"></span>绘制流程图 Flowchart</h3><div class="flowchart">st=>start: 用户登陆
  op=>operation: 登陆操作
  cond=>condition: 登陆成功 Yes or No?
  e=>end: 进入后台

  st->op->cond
  cond(yes)->e
  cond(no)->op</div><hr style="page-break-after:always;" class="page-break editormd-page-break" /><h3 id="h3--sequence-diagram"><a name="绘制序列图 Sequence Diagram" class="reference-link"></a><span class="header-link octicon octicon-link"></span>绘制序列图 Sequence Diagram</h3><div class="sequence-diagram">Andrew->China: Says Hello 
  Note right of China: China thinks\nabout it 
  China-->Andrew: How are you? 
  Andrew->>China: I am good thanks!</div><h3 id="h3-end"><a name="End" class="reference-link"></a><span class="header-link octicon octicon-link"></span>End</h3>

pre_content:
  # 获取值
  :fa-weixin: :fa-weixin:
  每个 Editor.md 的 ID 元素下都有一个保存 Markdown 源码的 Textarea，你也可以通过设置开启另一个保存 HTML 源码的 Textarea，可以按需要获取相应的值，如下：
  ## 陈妞妞
  ```html
  :smiley:
  <div class="editormd" id="$id">
      <textarea class="editormd-markdown-textarea" name="$id-markdown-doc"></textarea>

      <!-- html textarea 需要开启配置项 saveHTMLToTextarea == true -->
      <textarea class="editormd-html-textarea" name="$id-html-code"></textarea>
  </div>
  ```

  **目录 (Table of Contents)**

  [TOCM]

  # Heading 1
  ## Heading 2               
  ### Heading 3
  #### Heading 4
  ##### Heading 5
  ###### Heading 6
  # Heading 1 link [Heading link](https://github.com/pandao/editor.md "Heading link")
  ## Heading 2 link [Heading link](https://github.com/pandao/editor.md "Heading link")
  ### Heading 3 link [Heading link](https://github.com/pandao/editor.md "Heading link")
  #### Heading 4 link [Heading link](https://github.com/pandao/editor.md "Heading link") Heading link [Heading link](https://github.com/pandao/editor.md "Heading link")
  ##### Heading 5 link [Heading link](https://github.com/pandao/editor.md "Heading link")
  ###### Heading 6 link [Heading link](https://github.com/pandao/editor.md "Heading link")

  #### 标题（用底线的形式）Heading (underline)

  This is an H1
  =============

  This is an H2
  -------------

  ### 字符效果和横线等
                  
  ----

  ~~删除线~~ <s>删除线（开启识别HTML标签时）</s>
  *斜体字*      _斜体字_
  **粗体**  __粗体__
  ***粗斜体*** ___粗斜体___

  上标：X<sub>2</sub>，下标：O<sup>2</sup>

  **缩写(同HTML的abbr标签)**

  > 即更长的单词或短语的缩写形式，前提是开启识别HTML标签时，已默认开启

  The <abbr title="Hyper Text Markup Language">HTML</abbr> specification is maintained by the <abbr title="World Wide Web Consortium">W3C</abbr>.

  ### 引用 Blockquotes

  > 引用文本 Blockquotes

  引用的行内混合 Blockquotes
                      
  > 引用：如果想要插入空白换行`即<br />标签`，在插入处先键入两个以上的空格然后回车即可，[普通链接](http://localhost/)。

  ### 锚点与链接 Links

  [普通链接](http://localhost/)

  [普通链接带标题](http://localhost/ "普通链接带标题")

  直接链接：<https://github.com>

  [锚点链接][anchor-id] 

  [anchor-id]: http://www.this-anchor-link.com/

  [mailto:test.test@gmail.com](mailto:test.test@gmail.com)

  GFM a-tail link @pandao  邮箱地址自动链接 test.test@gmail.com  www@vip.qq.com

  > @pandao

  ### 多语言代码高亮 Codes

  #### 行内代码 Inline code

  执行命令：`npm install marked`

  #### 缩进风格

  即缩进四个空格，也做为实现类似 `<pre>` 预格式化文本 ( Preformatted Text ) 的功能。

      <?php
          echo "Hello world!";
      ?>
      
  预格式化文本：

      | First Header  | Second Header |
      | ------------- | ------------- |
      | Content Cell  | Content Cell  |
      | Content Cell  | Content Cell  |

  #### JS代码　

  ```javascript
  function test() {
  	console.log("Hello world!");
  }
   
  (function(){
      var box = function() {
          return box.fn.init();
      };

      box.prototype = box.fn = {
          init : function(){
              console.log('box.init()');

  			return this;
          },

  		add : function(str) {
  			alert("add", str);

  			return this;
  		},

  		remove : function(str) {
  			alert("remove", str);

  			return this;
  		}
      };
      
      box.fn.init.prototype = box.fn;
      
      window.box =box;
  })();

  var testBox = box();
  testBox.add("jQuery").remove("jQuery");
  ```

  #### HTML 代码 HTML codes

  ```html
  <!DOCTYPE html>
  <html>
      <head>
          <mate charest="utf-8" />
          <meta name="keywords" content="Editor.md, Markdown, Editor" />
          <title>Hello world!</title>
          <style type="text/css">
              body{font-size:14px;color:#444;font-family: "Microsoft Yahei", Tahoma, "Hiragino Sans GB", Arial;background:#fff;}
              ul{list-style: none;}
              img{border:none;vertical-align: middle;}
          </style>
      </head>
      <body>
          <h1 class="text-xxl">Hello world!</h1>
          <p class="text-green">Plain text</p>
      </body>
  </html>
  ```

  ### 图片 Images

  Image:

  ![](https://pandao.github.io/editor.md/examples/images/4.jpg)

  > Follow your heart.

  ![](https://pandao.github.io/editor.md/examples/images/8.jpg)

  > 图为：厦门白城沙滩

  图片加链接 (Image + Link)：

  [![](https://pandao.github.io/editor.md/examples/images/7.jpg)](https://pandao.github.io/editor.md/images/7.jpg "李健首张专辑《似水流年》封面")

  > 图为：李健首张专辑《似水流年》封面
                  
  ----

  ### 列表 Lists

  #### 无序列表（减号）Unordered Lists (-)
                  
  - 列表一
  - 列表二
  - 列表三
       
  #### 无序列表（星号）Unordered Lists (*)

  * 列表一
  * 列表二
  * 列表三

  #### 无序列表（加号和嵌套）Unordered Lists (+)
                  
  + 列表一
  + 列表二
      + 列表二-1
      + 列表二-2
      + 列表二-3
  + 列表三
      * 列表一
      * 列表二
      * 列表三

  #### 有序列表 Ordered Lists (-)
                  
  1. 第一行
  2. 第二行
  3. 第三行

  #### GFM task list

  - [x] GFM task list 1
  - [x] GFM task list 2
  - [ ] GFM task list 3
      - [ ] GFM task list 3-1
      - [ ] GFM task list 3-2
      - [ ] GFM task list 3-3
  - [ ] GFM task list 4
      - [ ] GFM task list 4-1
      - [ ] GFM task list 4-2
                  
  ----
                      
  ### 绘制表格 Tables

  | 项目        | 价格   |  数量  |
  | --------   | -----:  | :----:  |
  | 计算机      | $1600   |   5     |
  | 手机        |   $12   |   12   |
  | 管线        |    $1    |  234  |
                      
  First Header  | Second Header
  ------------- | -------------
  Content Cell  | Content Cell
  Content Cell  | Content Cell 

  | First Header  | Second Header |
  | ------------- | ------------- |
  | Content Cell  | Content Cell  |
  | Content Cell  | Content Cell  |

  | Function name | Description                    |
  | ------------- | ------------------------------ |
  | `help()`      | Display the help window.       |
  | `destroy()`   | **Destroy your computer!**     |

  | Left-Aligned  | Center Aligned  | Right Aligned |
  | :------------ |:---------------:| -----:|
  | col 3 is      | some wordy text | $1600 |
  | col 2 is      | centered        |   $12 |
  | zebra stripes | are neat        |    $1 |

  | Item      | Value |
  | --------- | -----:|
  | Computer  | $1600 |
  | Phone     |   $12 |
  | Pipe      |    $1 |
                  
  ----

  #### 特殊符号 HTML Entities Codes

  &copy; &  &uml; &trade; &iexcl; &pound;
  &amp; &lt; &gt; &yen; &euro; &reg; &plusmn; &para; &sect; &brvbar; &macr; &laquo; &middot; 

  X&sup2; Y&sup3; &frac34; &frac14;  &times;  &divide;   &raquo;

  18&ordm;C  &quot;  &apos;

  [========]

  ### Emoji表情 :smiley:

  > Blockquotes :star:

  #### GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:

  - [x] :smiley: @mentions, :smiley: #refs, [links](), **formatting**, and <del>tags</del> supported :editormd-logo:;
  - [x] list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;
  - [x] [ ] :smiley: this is a complete item :smiley:;
  - [ ] []this is an incomplete item [test link](#) :fa-star: @pandao; 
  - [ ] [ ]this is an incomplete item :fa-star: :fa-gear:;
      - [ ] :smiley: this is an incomplete item [test link](#) :fa-star: :fa-gear:;
      - [ ] :smiley: this is  :fa-star: :fa-gear: an incomplete item [test link](#);
   
  #### 反斜杠 Escape

  \*literal asterisks\*

  [========]
              
  ### 科学公式 TeX(KaTeX)

  $$E=mc^2$$

  行内的公式$$E=mc^2$$行内的公式，行内的$$E=mc^2$$公式。

  $$x > y$$

  $$\(\sqrt{3x-1}+(1+x)^2\)$$
                      
  $$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$

  多行公式：

  ```math
  \displaystyle
  \left( \sum\_{k=1}^n a\_k b\_k \right)^2
  \leq
  \left( \sum\_{k=1}^n a\_k^2 \right)
  \left( \sum\_{k=1}^n b\_k^2 \right)
  ```

  ```katex
  \displaystyle 
      \frac{1}{
          \Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{
          \frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {
          1+\frac{e^{-6\pi}}
          {1+\frac{e^{-8\pi}}
           {1+\cdots} }
          } 
      }
  ```

  ```latex
  f(x) = \int_{-\infty}^\infty
      \hat f(\xi)\,e^{2 \pi i \xi x}
      \,d\xi
  ```

  ### 分页符 Page break

  > Print Test: Ctrl + P

  [========]

  ### 绘制流程图 Flowchart

  ```flow
  st=>start: 用户登陆
  op=>operation: 登陆操作
  cond=>condition: 登陆成功 Yes or No?
  e=>end: 进入后台

  st->op->cond
  cond(yes)->e
  cond(no)->op
  ```

  [========]
                      
  ### 绘制序列图 Sequence Diagram
                      
  ```seq
  Andrew->China: Says Hello 
  Note right of China: China thinks\nabout it 
  China-->Andrew: How are you? 
  Andrew->>China: I am good thanks!
  ```

  ### End


name: 第一节
create_time: 2019-07-17 03:02:08.522804
modify_time: 2019-07-17 03:02:08.522804
content:
  <h4 id="h4-get-value"><a name="Get value" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Get value</h4><p>每个 Editor.md 的 ID 元素下都有一个保存 Markdown 源码的 Textarea，你也可以通过设置开启另一个保存 HTML 源码的 Textarea，可以按需要获取相应的值，如下：</p>
  <pre><code class="lang-html">&lt;div class=&quot;editormd&quot; id=&quot;$id&quot;&gt;
      &lt;textarea class=&quot;editormd-markdown-textarea&quot; name=&quot;$id-markdown-doc&quot;&gt;&lt;/textarea&gt;

      &lt;!-- html textarea 需要开启配置项 saveHTMLToTextarea == true --&gt;
      &lt;textarea class=&quot;editormd-html-textarea&quot; name=&quot;$id-html-code&quot;&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  </code></pre>
  <h2 id="h2--"><a name="一、起因" class="reference-link"></a><span class="header-link octicon octicon-link"></span>一、起因</h2><p>第三方库进阿斯兰客单价访客数饭点</p>
  <h2 id="h2--"><a name="二、过程" class="reference-link"></a><span class="header-link octicon octicon-link"></span>二、过程</h2><p>阿什顿凤凰山敬爱的后方可叫撒很大方</p>
  <h2 id="h2--"><a name="三、结果" class="reference-link"></a><span class="header-link octicon octicon-link"></span>三、结果</h2><p>阿什顿发神经东方航空撒娇很大方</p>

pre_content:
  #### Get value

  每个 Editor.md 的 ID 元素下都有一个保存 Markdown 源码的 Textarea，你也可以通过设置开启另一个保存 HTML 源码的 Textarea，可以按需要获取相应的值，如下：

  ```html
  <div class="editormd" id="$id">
      <textarea class="editormd-markdown-textarea" name="$id-markdown-doc"></textarea>

      <!-- html textarea 需要开启配置项 saveHTMLToTextarea == true -->
      <textarea class="editormd-html-textarea" name="$id-html-code"></textarea>
  </div>
  ```
  ## 一、起因
  第三方库进阿斯兰客单价访客数饭点
  ## 二、过程
  阿什顿凤凰山敬爱的后方可叫撒很大方
  ## 三、结果
  阿什顿发神经东方航空撒娇很大方


name: 第二章
create_time: 2019-07-17 03:03:05.386025
modify_time: 2019-07-17 03:03:05.386025
content:
  <h4 id="h4-get-value"><a name="Get value" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Get value</h4><p>每个 Editor.md 的 ID 元素下都有一个保存 Markdown 源码的 Textarea，你也可以通过设置开启另一个保存 HTML 源码的 Textarea，可以按需要获取相应的值，如下：</p>
  <pre><code class="lang-html">&lt;div class=&quot;editormd&quot; id=&quot;$id&quot;&gt;
      &lt;textarea class=&quot;editormd-markdown-textarea&quot; name=&quot;$id-markdown-doc&quot;&gt;&lt;/textarea&gt;

      &lt;!-- html textarea 需要开启配置项 saveHTMLToTextarea == true --&gt;
      &lt;textarea class=&quot;editormd-html-textarea&quot; name=&quot;$id-html-code&quot;&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  </code></pre>
  <h4 id="h4-example"><a name="Example" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Example</h4>

pre_content:
  #### Get value

  每个 Editor.md 的 ID 元素下都有一个保存 Markdown 源码的 Textarea，你也可以通过设置开启另一个保存 HTML 源码的 Textarea，可以按需要获取相应的值，如下：

  ```html
  <div class="editormd" id="$id">
      <textarea class="editormd-markdown-textarea" name="$id-markdown-doc"></textarea>

      <!-- html textarea 需要开启配置项 saveHTMLToTextarea == true -->
      <textarea class="editormd-html-textarea" name="$id-html-code"></textarea>
  </div>
  ```

  #### Example


name: 第三章
create_time: 2019-07-17 03:03:52.254976
modify_time: 2019-07-17 03:03:52.254976
content:
  <h4 id="h4-backend-get-form-value"><a name="Backend get form value" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Backend get form value</h4><p>假设编辑器 ID 为 <code>test-editormd</code>，以 PHP 为例：</p>
  <pre><code class="lang-php">&lt;?php
      header(&quot;Content-Type:text/html; charset=utf-8&quot;);

      if (isset($_POST[&#39;submit&#39;])) {
          echo &quot;&lt;pre&gt;&quot;;
          echo htmlspecialchars($_POST[&quot;test-editormd-markdown-doc&quot;]);
          echo &quot;&lt;br/&gt;&lt;br/&gt;&quot;;
          echo htmlspecialchars($_POST[&quot;test-editormd-html-code&quot;]);
          echo &quot;&lt;/pre&gt;&quot;;
      }
  ?&gt;
  </code></pre>
  <h1 id="h1-editor-md"><a name="Editor.md" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Editor.md</h1><p><img src="https://pandao.github.io/editor.md/images/logos/editormd-logo-180x180.png" alt=""></p>
  <p><img src="https://img.shields.io/github/stars/pandao/editor.md.svg" alt=""> <img src="https://img.shields.io/github/forks/pandao/editor.md.svg" alt=""> <img src="https://img.shields.io/github/tag/pandao/editor.md.svg" alt=""> <img src="https://img.shields.io/github/release/pandao/editor.md.svg" alt=""> <img src="https://img.shields.io/github/issues/pandao/editor.md.svg" alt=""> <img src="https://img.shields.io/bower/v/editor.md.svg" alt=""></p>
  <p><strong>目录 (Table of Contents)</strong></p>
  <p>[TOCM]</p>
  <div class="markdown-toc editormd-markdown-toc">[TOC]</div><h1 id="h1-heading-1"><a name="Heading 1" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 1</h1><h2 id="h2-heading-2"><a name="Heading 2" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 2</h2><h3 id="h3-heading-3"><a name="Heading 3" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 3</h3><h4 id="h4-heading-4"><a name="Heading 4" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 4</h4><h5 id="h5-heading-5"><a name="Heading 5" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 5</h5><h6 id="h6-heading-6"><a name="Heading 6" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 6</h6><h1 id="h1-heading-1-link-heading-link"><a name="Heading 1 link   Heading link" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 1 link <a href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h1><h2 id="h2-heading-2-link-heading-link"><a name="Heading 2 link   Heading link" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 2 link <a href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h2><h3 id="h3-heading-3-link-heading-link"><a name="Heading 3 link   Heading link" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 3 link <a href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h3><h4 id="h4-heading-4-link-heading-link-heading-link-heading-link"><a name="Heading 4 link   Heading link  Heading link   Heading link" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 4 link <a href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a> Heading link <a href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h4><h5 id="h5-heading-5-link-heading-link"><a name="Heading 5 link   Heading link" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 5 link <a href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h5><h6 id="h6-heading-6-link-heading-link"><a name="Heading 6 link   Heading link" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Heading 6 link <a href="https://github.com/pandao/editor.md" title="Heading link">Heading link</a></h6><h4 id="h4--heading-underline-"><a name="标题（用底线的形式）Heading (underline)" class="reference-link"></a><span class="header-link octicon octicon-link"></span>标题（用底线的形式）Heading (underline)</h4><h1 id="h1-this-is-an-h1"><a name="This is an H1" class="reference-link"></a><span class="header-link octicon octicon-link"></span>This is an H1</h1>

pre_content:
  #### Backend get form value

  假设编辑器 ID 为 `test-editormd`，以 PHP 为例：

  ```php
  <?php
      header("Content-Type:text/html; charset=utf-8");

      if (isset($_POST['submit'])) {
          echo "<pre>";
          echo htmlspecialchars($_POST["test-editormd-markdown-doc"]);
          echo "<br/><br/>";
          echo htmlspecialchars($_POST["test-editormd-html-code"]);
          echo "</pre>";
      }
  ?>
  ```

  # Editor.md

  ![](https://pandao.github.io/editor.md/images/logos/editormd-logo-180x180.png)

  ![](https://img.shields.io/github/stars/pandao/editor.md.svg) ![](https://img.shields.io/github/forks/pandao/editor.md.svg) ![](https://img.shields.io/github/tag/pandao/editor.md.svg) ![](https://img.shields.io/github/release/pandao/editor.md.svg) ![](https://img.shields.io/github/issues/pandao/editor.md.svg) ![](https://img.shields.io/bower/v/editor.md.svg)

  **目录 (Table of Contents)**

  [TOCM]

  [TOC]

  # Heading 1
  ## Heading 2               
  ### Heading 3
  #### Heading 4
  ##### Heading 5
  ###### Heading 6
  # Heading 1 link [Heading link](https://github.com/pandao/editor.md "Heading link")
  ## Heading 2 link [Heading link](https://github.com/pandao/editor.md "Heading link")
  ### Heading 3 link [Heading link](https://github.com/pandao/editor.md "Heading link")
  #### Heading 4 link [Heading link](https://github.com/pandao/editor.md "Heading link") Heading link [Heading link](https://github.com/pandao/editor.md "Heading link")
  ##### Heading 5 link [Heading link](https://github.com/pandao/editor.md "Heading link")
  ###### Heading 6 link [Heading link](https://github.com/pandao/editor.md "Heading link")

  #### 标题（用底线的形式）Heading (underline)

  This is an H1
  =============


name: 第二节
create_time: 2019-07-17 03:04:32.870634
modify_time: 2019-07-17 03:04:32.871134
content:
  <h3 id="h3-u5B57u7B26u6548u679Cu548Cu6A2Au7EBFu7B49"><a name="字符效果和横线等" class="reference-link"></a><span class="header-link octicon octicon-link"></span>字符效果和横线等</h3><hr>
  <p><del>删除线</del> &lt;s&gt;删除线（开启识别HTML标签时）&lt;/s&gt;<br><em>斜体字</em>      <em>斜体字</em><br><strong>粗体</strong>  <strong>粗体</strong><br><strong><em>粗斜体</em></strong> <strong><em>粗斜体</em></strong></p>
  <p>上标：X&lt;sub&gt;2&lt;/sub&gt;，下标：O&lt;sup&gt;2&lt;/sup&gt;</p>
  <p><strong>缩写(同HTML的abbr标签)</strong></p>
  <blockquote>
  <p>即更长的单词或短语的缩写形式，前提是开启识别HTML标签时，已默认开启</p>
  </blockquote>
  <p>The &lt;abbr title=&quot;Hyper Text Markup Language&quot;&gt;HTML&lt;/abbr&gt; specification is maintained by the &lt;abbr title=&quot;World Wide Web Consortium&quot;&gt;W3C&lt;/abbr&gt;.</p>
  <h3 id="h3--blockquotes"><a name="引用 Blockquotes" class="reference-link"></a><span class="header-link octicon octicon-link"></span>引用 Blockquotes</h3><blockquote>
  <p>引用文本 Blockquotes</p>
  </blockquote>
  <p>引用的行内混合 Blockquotes</p>

pre_content:
  ### 字符效果和横线等
                  
  ----

  ~~删除线~~ <s>删除线（开启识别HTML标签时）</s>
  *斜体字*      _斜体字_
  **粗体**  __粗体__
  ***粗斜体*** ___粗斜体___

  上标：X<sub>2</sub>，下标：O<sup>2</sup>

  **缩写(同HTML的abbr标签)**

  > 即更长的单词或短语的缩写形式，前提是开启识别HTML标签时，已默认开启

  The <abbr title="Hyper Text Markup Language">HTML</abbr> specification is maintained by the <abbr title="World Wide Web Consortium">W3C</abbr>.

  ### 引用 Blockquotes

  > 引用文本 Blockquotes

  引用的行内混合 Blockquotes


name: 第一小节
create_time: 2019-07-17 03:45:33.547600
modify_time: 2019-07-17 03:45:33.547600
content:
  <h3 id="h3--codes"><a name="多语言代码高亮 Codes" class="reference-link"></a><span class="header-link octicon octicon-link"></span>多语言代码高亮 Codes</h3><p><img src="/media//201907/2019-07-19130238995271site_banner_1500.webp" alt=""></p>
  <h4 id="h4--inline-code"><a name="行内代码 Inline code" class="reference-link"></a><span class="header-link octicon octicon-link"></span>行内代码 Inline code</h4><p><img src="/media//201907/2019-07-19135121674904.png" alt=""></p>
  <p>执行命令：<code>npm install marked</code></p>
  <h4 id="h4-u7F29u8FDBu98CEu683C"><a name="缩进风格" class="reference-link"></a><span class="header-link octicon octicon-link"></span>缩进风格</h4><p>即缩进四个空格，也做为实现类似 <code>&lt;pre&gt;</code> 预格式化文本 ( Preformatted Text ) 的功能。</p>
  <pre><code>&lt;?php
      echo &quot;Hello world!&quot;;
  ?&gt;
  </code></pre><p>预格式化文本：</p>
  <pre><code>| First Header  | Second Header |
  | ------------- | ------------- |
  | Content Cell  | Content Cell  |
  | Content Cell  | Content Cell  |
  </code></pre><h4 id="h4-js-"><a name="JS代码" class="reference-link"></a><span class="header-link octicon octicon-link"></span>JS代码　</h4>

pre_content:
  ### 多语言代码高亮 Codes
  ![](/media//201907/2019-07-19130238995271site_banner_1500.webp)
  #### 行内代码 Inline code

  ![](/media//201907/2019-07-19135121674904.png)

  执行命令：`npm install marked`

  #### 缩进风格

  即缩进四个空格，也做为实现类似 `<pre>` 预格式化文本 ( Preformatted Text ) 的功能。

      <?php
          echo "Hello world!";
      ?>
      
  预格式化文本：

      | First Header  | Second Header |
      | ------------- | ------------- |
      | Content Cell  | Content Cell  |
      | Content Cell  | Content Cell  |

  #### JS代码　


name: 第二节
create_time: 2019-07-22 07:28:06.588209
modify_time: 2019-07-22 07:28:06.588209
pre_content:
  ## 现在
  卡上经典回复口水巾阿红的看风景
  ## 原因
  山东矿机方哈萨克的金凤凰扩散到
  ### 分析
  洒落到客服进来撒款到即发流口水京东方
  ## 预测
  阿隆索的看风景萨卡京东方来款撒旦教方

content:
  <h2 id="h2-u73B0u5728"><a name="现在" class="reference-link"></a><span class="header-link octicon octicon-link"></span>现在</h2><p>卡上经典回复口水巾阿红的看风景</p>
  <h2 id="h2-u539Fu56E0"><a name="原因" class="reference-link"></a><span class="header-link octicon octicon-link"></span>原因</h2><p>山东矿机方哈萨克的金凤凰扩散到</p>
  <h3 id="h3-u5206u6790"><a name="分析" class="reference-link"></a><span class="header-link octicon octicon-link"></span>分析</h3><p>洒落到客服进来撒款到即发流口水京东方</p>
  <h2 id="h2-u9884u6D4B"><a name="预测" class="reference-link"></a><span class="header-link octicon octicon-link"></span>预测</h2><p>阿隆索的看风景萨卡京东方来款撒旦教方</p>


name: 三、开发指南
create_time: 2019-07-24 06:23:08.319505
modify_time: 2019-07-24 06:23:08.319505
pre_content:
  ## 一、修改Logo
  ## 二、扩展文档功能
  ## 三、扩展用户功能

content:
  <h2 id="h2--logo"><a name="一、修改Logo" class="reference-link"></a><span class="header-link octicon octicon-link"></span>一、修改Logo</h2><h2 id="h2--"><a name="二、扩展文档功能" class="reference-link"></a><span class="header-link octicon octicon-link"></span>二、扩展文档功能</h2><h2 id="h2--"><a name="三、扩展用户功能" class="reference-link"></a><span class="header-link octicon octicon-link"></span>三、扩展用户功能</h2>


name: 一、安装说明
create_time: 2019-07-27 04:47:36.814530
modify_time: 2019-07-27 04:47:36.814530
content:
  <div class="editormd-toc-menu"><div class="markdown-toc editormd-markdown-toc">[TOCM]</div></div><br/><p>MrDoc 基于 Python 语言的 Django 框架编写而成，在安装 MrDoc 之前，请确保目标计算机上安装有 Python3 编程语言。</p>
  <h2 id="h2--"><a name="一、下载源码" class="reference-link"></a><span class="header-link octicon octicon-link"></span>一、下载源码</h2><p>MrDoc作为一个借鉴、参考和使用了众多开源应用的文档写作系统，基于XXX协议开源。</p>
  <p>MrDoc将源码托管自开源中国旗下的代码托管平台——码云（gitee.com）,项目地址为：<a href="https://gitee.com/zmister/MrDoc" title="https://gitee.com/zmister/MrDoc">https://gitee.com/zmister/MrDoc</a></p>
  <h3 id="h3-1-1-git-"><a name="1.1、使用Git命令" class="reference-link"></a><span class="header-link octicon octicon-link"></span>1.1、使用Git命令</h3><p>如果你的计算机上安装有Git工具，那么使用git clone命令可以直接将MrDoc的源码克隆到本地计算机上，其命令为：</p>
  <pre><code>git clone https://gitee.com/zmister/MrDoc
  </code></pre><h3 id="h3-1-2-zip-"><a name="1.2、下载Zip压缩包" class="reference-link"></a><span class="header-link octicon octicon-link"></span>1.2、下载Zip压缩包</h3><p>在MrDoc项目首页，可以直接点击“克隆/下载”按钮，然后点击”下载zip”下载源码的Zip压缩包：</p>
  <p><img src="/media//201907/2019-07-27143257939483.png" alt=""></p>
  <h2 id="h2--"><a name="二、安装所需第三方库" class="reference-link"></a><span class="header-link octicon octicon-link"></span>二、安装所需第三方库</h2><p>MrDoc安装所需的所有第三方库均通过requirements文件进行了描述，打开命令行界面，在/Mrdoc/目录下，运行如下pip命令，即可安装所有MrDoc所需的第三方库：</p>
  <pre><code class="lang-bash">pip install -r requirement.txt
  </code></pre>
  <h2 id="h2--"><a name="三、配置数据库" class="reference-link"></a><span class="header-link octicon octicon-link"></span>三、配置数据库</h2><p>默认情况下，MrDoc使用Django的SQLite数据库，如果你使用的是MrDoc源码附带的Sqlite数据库，则无需另外配置数据库。</p>
  <p>如果有配置其他数据库的需求，请在/MrDoc/MrDoc目录下打开settings.py文件，在约80行的位置，将如下代码：</p>
  <pre><code class="lang-python">DATABASES = {
      &#39;default&#39;: {
          &#39;ENGINE&#39;: &#39;django.db.backends.sqlite3&#39;,
          &#39;NAME&#39;: os.path.join(BASE_DIR, &#39;db.sqlite3&#39;),
      }
  }
  </code></pre>
  <p>安装自己数据库的信息，将其修改如下格式，下面以MySQL为例：</p>
  <pre><code class="lang-python">DATABASES = {
      &#39;default&#39;: {
          &#39;ENGINE&#39;: &#39;django.db.backends.mysql&#39;, # 使用的数据库后端
          &#39;NAME&#39;: &#39;mrdoc&#39;, # 数据库名
          &#39;USER&#39;:&#39;root&#39;, # 数据库用户
          &#39;PASSWORD&#39;:&#39;123456789&#39;, # 数据库用户密码
          &#39;HOST&#39;:&#39;&#39;, # 数据库主机地址
          &#39;PORT&#39;:&#39;3306&#39;, # 数据库端口
      }
  }
  </code></pre>
  <h2 id="h2--"><a name="四、初始化数据库" class="reference-link"></a><span class="header-link octicon octicon-link"></span>四、初始化数据库</h2><blockquote>
  <p>请注意：同样的，如果你使用的是MrDoc源码自带的Sqlite数据库，那么此步骤也是不需要的。</p>
  </blockquote>
  <p>在安装完所需的第三方库并配置好数据库信息之后，我们需要对数据库进行初始化。</p>
  <p>在项目路径下打开命令行界面，运行如下命令生成数据库迁移：</p>
  <pre><code>python manage.py makemigrations
  </code></pre><p>接着，运行如下命令执行数据库迁移：</p>
  <pre><code>python manage.py migrate
  </code></pre><p>执行完毕之后，数据库就初始化完成了。</p>
  <h2 id="h2--"><a name="五、创建管理员账户" class="reference-link"></a><span class="header-link octicon octicon-link"></span>五、创建管理员账户</h2><p>在初始化完数据库之后，需要创建一个管理员账户来管理整个MrDoc，在项目路径下打开命令行终端，运行如下命令：</p>
  <pre><code>python manage.py createsuperuser
  </code></pre><p>按照提示输入用户名、电子邮箱地址和密码即可。</p>
  <p>如果使用的是MrDoc附带的sqlite数据库，那么管理员账号为：mrdoc，默认密码为：123456。</p>
  <h2 id="h2--mrdoc"><a name="六、部署MrDoc" class="reference-link"></a><span class="header-link octicon octicon-link"></span>六、部署MrDoc</h2><p>在完成上述步骤之后，即可运行使用MrDoc。</p>
  <p>在测试环境中，可以使用Django自带的服务器运行MrDoc，其命令为：</p>
  <pre><code class="lang-python">python manage.py runserver 0.0.0.0
  </code></pre>
  <p>如果需要将其部署在Linux服务器上，那么可以选择uWSGI + Nginx的组合。</p>

pre_content:
  [TOCM]

  MrDoc 基于 Python 语言的 Django 框架编写而成，在安装 MrDoc 之前，请确保目标计算机上安装有 Python3 编程语言。

  ## 一、下载源码
  MrDoc作为一个借鉴、参考和使用了众多开源应用的文档写作系统，基于XXX协议开源。

  MrDoc将源码托管自开源中国旗下的代码托管平台——码云（gitee.com）,项目地址为：[https://gitee.com/zmister/MrDoc](https://gitee.com/zmister/MrDoc "https://gitee.com/zmister/MrDoc")

  ### 1.1、使用Git命令

  如果你的计算机上安装有Git工具，那么使用git clone命令可以直接将MrDoc的源码克隆到本地计算机上，其命令为：
  ```
  git clone https://gitee.com/zmister/MrDoc
  ```

  ### 1.2、下载Zip压缩包

  在MrDoc项目首页，可以直接点击“克隆/下载”按钮，然后点击"下载zip"下载源码的Zip压缩包：


  ![](/media//201907/2019-07-27143257939483.png)

  ## 二、安装所需第三方库

  MrDoc安装所需的所有第三方库均通过requirements文件进行了描述，打开命令行界面，在/Mrdoc/目录下，运行如下pip命令，即可安装所有MrDoc所需的第三方库：

  ```bash
  pip install -r requirement.txt
  ```

  ## 三、配置数据库
  默认情况下，MrDoc使用Django的SQLite数据库，如果你使用的是MrDoc源码附带的Sqlite数据库，则无需另外配置数据库。

  如果有配置其他数据库的需求，请在/MrDoc/MrDoc目录下打开settings.py文件，在约80行的位置，将如下代码：
  ```python
  DATABASES = {
      'default': {
          'ENGINE': 'django.db.backends.sqlite3',
          'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
      }
  }
  ```
  安装自己数据库的信息，将其修改如下格式，下面以MySQL为例：
  ```python
  DATABASES = {
      'default': {
          'ENGINE': 'django.db.backends.mysql', # 使用的数据库后端
          'NAME': 'mrdoc', # 数据库名
          'USER':'root', # 数据库用户
          'PASSWORD':'123456789', # 数据库用户密码
          'HOST':'', # 数据库主机地址
          'PORT':'3306', # 数据库端口
      }
  }
  ```

  ## 四、初始化数据库

  > 请注意：同样的，如果你使用的是MrDoc源码自带的Sqlite数据库，那么此步骤也是不需要的。

  在安装完所需的第三方库并配置好数据库信息之后，我们需要对数据库进行初始化。

  在项目路径下打开命令行界面，运行如下命令生成数据库迁移：

  ```
  python manage.py makemigrations
  ```

  接着，运行如下命令执行数据库迁移：

  ```
  python manage.py migrate
  ```

  执行完毕之后，数据库就初始化完成了。

  ## 五、创建管理员账户

  在初始化完数据库之后，需要创建一个管理员账户来管理整个MrDoc，在项目路径下打开命令行终端，运行如下命令：

  ```
  python manage.py createsuperuser
  ```

  按照提示输入用户名、电子邮箱地址和密码即可。

  如果使用的是MrDoc附带的sqlite数据库，那么管理员账号为：mrdoc，默认密码为：123456。


  ## 六、部署MrDoc

  在完成上述步骤之后，即可运行使用MrDoc。

  在测试环境中，可以使用Django自带的服务器运行MrDoc，其命令为：

  ```python
  python manage.py runserver 0.0.0.0
  ```

  如果需要将其部署在Linux服务器上，那么可以选择uWSGI + Nginx的组合。


name: 2.1、用户注册与登录
create_time: 2019-07-27 05:36:24.099286
modify_time: 2019-07-27 05:36:24.099286
content:
  <p>MrDoc默认开放用户的注册和登录功能。</p>
  <p>在未登录状态下，MrDoc默认所有的访问者都是“游客”：</p>
  <p><img src="/media//201907/2019-07-27134531102843.png" alt=""></p>
  <p>在“游客”用户状态下，用户可以正常浏览文集和文档，但不能创建、修改文集、文档和文档模板。</p>
  <p>如果需要进行上述操作，则需要进行登录，如果没有账号，则需要进行注册。</p>

pre_content:
  MrDoc默认开放用户的注册和登录功能。

  在未登录状态下，MrDoc默认所有的访问者都是“游客”：

  ![](/media//201907/2019-07-27134531102843.png)

  在“游客”用户状态下，用户可以正常浏览文集和文档，但不能创建、修改文集、文档和文档模板。

  如果需要进行上述操作，则需要进行登录，如果没有账号，则需要进行注册。


name: 2.2、文档的编写与修改
create_time: 2019-07-27 05:37:15.082651
modify_time: 2019-07-27 05:37:15.082651
content:
  <p>在MrDoc中，文档的创建和修改等操作需要在登录之后才能进行，如果你已经登录，那么就可以开始文档的编写和修改了。</p>
  <p>MrDoc的文档编辑器采用了开源的Editor.md，使用Markdown语法作为文档编写的标记语言，如果有对Markdown语法不熟悉的同学，可以点击此链接查看基础的Markdown语法示例： <a href="https://www.mdeditor.com/" title="https://www.mdeditor.com/">https://www.mdeditor.com/</a></p>
  <p>在接下来的小节，我们将介绍在MrDoc中编写和修改文档的操作。</p>

pre_content:
  在MrDoc中，文档的创建和修改等操作需要在登录之后才能进行，如果你已经登录，那么就可以开始文档的编写和修改了。

  MrDoc的文档编辑器采用了开源的Editor.md，使用Markdown语法作为文档编写的标记语言，如果有对Markdown语法不熟悉的同学，可以点击此链接查看基础的Markdown语法示例： [https://www.mdeditor.com/](https://www.mdeditor.com/ "https://www.mdeditor.com/")

  在接下来的小节，我们将介绍在MrDoc中编写和修改文档的操作。


name: 2.1.1、用户注册
create_time: 2019-07-27 05:50:36.832490
modify_time: 2019-07-27 05:50:36.832490
content:
  <div class="editormd-toc-menu"><div class="markdown-toc editormd-markdown-toc">[TOCM]</div></div><br/><h2 id="h2--"><a name="一、进入用户注册页面" class="reference-link"></a><span class="header-link octicon octicon-link"></span>一、进入用户注册页面</h2><p>在未登录的状态下，鼠标悬浮在页面头部右侧的用户图标上，可以唤出注册和登录按钮，点击注册按钮，就可以调整到用户注册页面：</p>
  <p><img src="/media//201907/2019-07-27144625887847.png" alt=""></p>
  <p>同时，我们也可以直接访问注册链接：域名/user/register/</p>
  <p>用户注册页面如下图所示：</p>
  <p><img src="/media//201907/2019-07-27144831731390.png" alt=""></p>
  <h2 id="h2--"><a name="二、填写注册表单" class="reference-link"></a><span class="header-link octicon octicon-link"></span>二、填写注册表单</h2><p>MrDoc的用户注册需要用户提供如上图所示表单的信息，其中包括：</p>
  <ul>
  <li>用户名</li><li>电子邮箱</li><li>密码</li><li>验证码</li></ul>
  <p>其中，用户名和电子邮箱地址在整个MrDoc应用中是唯一的，密码不能小于6位数，如果任何一项信息输入错误，都会有相应的提示，如下图所示：</p>
  <p><img src="/media//201907/2019-07-27145211532794.png" alt=""></p>
  <h2 id="h2--"><a name="三、注册成功" class="reference-link"></a><span class="header-link octicon octicon-link"></span>三、注册成功</h2><p>在输入信息无误之后，MrDoc会创建一个新的用户并自动为其进行登录，之后跳转到MrDoc的首页。</p>

pre_content:
  [TOCM]

  ## 一、进入用户注册页面
  在未登录的状态下，鼠标悬浮在页面头部右侧的用户图标上，可以唤出注册和登录按钮，点击注册按钮，就可以调整到用户注册页面：

  ![](/media//201907/2019-07-27144625887847.png)

  同时，我们也可以直接访问注册链接：域名/user/register/

  用户注册页面如下图所示：

  ![](/media//201907/2019-07-27144831731390.png)

  ## 二、填写注册表单

  MrDoc的用户注册需要用户提供如上图所示表单的信息，其中包括：

  - 用户名
  - 电子邮箱
  - 密码
  - 验证码

  其中，用户名和电子邮箱地址在整个MrDoc应用中是唯一的，密码不能小于6位数，如果任何一项信息输入错误，都会有相应的提示，如下图所示：

  ![](/media//201907/2019-07-27145211532794.png)

  ## 三、注册成功

  在输入信息无误之后，MrDoc会创建一个新的用户并自动为其进行登录，之后跳转到MrDoc的首页。


name: 2.1.2、用户登录
create_time: 2019-07-27 05:51:31.050961
modify_time: 2019-07-27 05:51:31.051959
content:
  <p>MrDoc的登录地址为：域名/user/login/</p>
  <p>访问其链接，可以进入到MrDoc的登录页面，如下图所示：</p>
  <p><img src="/media//201907/2019-07-27150400032008.png" alt=""></p>
  <p>如果用户名和密码输入正确，会直接跳转到MrDoc首页。如果其中有一项输入错误，则会提示你“用户名或密码输入错误”，如下图所示：</p>
  <p><img src="/media//201907/2019-07-27150534099911.png" alt=""></p>

pre_content:
  MrDoc的登录地址为：域名/user/login/

  访问其链接，可以进入到MrDoc的登录页面，如下图所示：

  ![](/media//201907/2019-07-27150400032008.png)

  如果用户名和密码输入正确，会直接跳转到MrDoc首页。如果其中有一项输入错误，则会提示你“用户名或密码输入错误”，如下图所示：

  ![](/media//201907/2019-07-27150534099911.png)


name: 2.2.1、创建文档
create_time: 2019-07-27 05:54:27.402344
modify_time: 2019-07-27 05:54:27.402344
content:
  <div class="editormd-toc-menu"><div class="markdown-toc editormd-markdown-toc">[TOCM]</div></div><br/><h2 id="h2-u8FDBu5165u521Bu5EFAu6587u6863u9875u9762"><a name="进入创建文档页面" class="reference-link"></a><span class="header-link octicon octicon-link"></span>进入创建文档页面</h2><p>在首页，MrDoc有一个固定的新建文档模块，如下图所示：</p>
  <p><img src="/media//201907/2019-07-27175551618645.png" alt=""></p>
  <p>点击此处，就可以跳转到新建文档的页面。</p>
  <h2 id="h2-u65B0u5EFAu6587u6863u9875u9762u754Cu9762"><a name="新建文档页面界面" class="reference-link"></a><span class="header-link octicon octicon-link"></span>新建文档页面界面</h2><p>在首页点击新建文档的链接，页面将会在新标签页中打开一个页面，如下图所示：</p>
  <p><img src="/media//201907/2019-07-27175803741664.png" alt=""></p>
  <p>这就是我们编写文档的主界面。</p>
  <h3 id="h3-u65B0u5EFAu6587u96C6"><a name="新建文集" class="reference-link"></a><span class="header-link octicon octicon-link"></span>新建文集</h3><p>在文档编写表单界面中，文档标题是必须填写的，文档所属文集亦是必须选择的。</p>
  <p>如果没有文集，可以在下拉框中点击“新建文集”进行文集的创建，如下动图所示：</p>
  <p><img src="/media//201907/2019-07-28090944649358mrdoc_20190728.gif" alt=""></p>
  <h3 id="h3-u9009u62E9u4E0Au7EA7u6587u6863"><a name="选择上级文档" class="reference-link"></a><span class="header-link octicon octicon-link"></span>选择上级文档</h3><p>在选择文集之后，MrDoc会获取所选文集的最高2级文档作为上级文档供用户选择。选择上级文档用于确定文档的层级关系。</p>
  <p>在MrDoc中，最多可以选择两级的上级，也就是包含自身文档在内，一共可以呈现出三个层级。</p>

pre_content:
  [TOCM]

  ## 进入创建文档页面

  在首页，MrDoc有一个固定的新建文档模块，如下图所示：


  ![](/media//201907/2019-07-27175551618645.png)

  点击此处，就可以跳转到新建文档的页面。

  ## 新建文档页面界面

  在首页点击新建文档的链接，页面将会在新标签页中打开一个页面，如下图所示：

  ![](/media//201907/2019-07-27175803741664.png)

  这就是我们编写文档的主界面。

  ### 新建文集

  在文档编写表单界面中，文档标题是必须填写的，文档所属文集亦是必须选择的。

  如果没有文集，可以在下拉框中点击“新建文集”进行文集的创建，如下动图所示：

  ![](/media//201907/2019-07-28090944649358mrdoc_20190728.gif)

  ### 选择上级文档

  在选择文集之后，MrDoc会获取所选文集的最高2级文档作为上级文档供用户选择。选择上级文档用于确定文档的层级关系。

  在MrDoc中，最多可以选择两级的上级，也就是包含自身文档在内，一共可以呈现出三个层级。


