@links.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>@links - Editor.md examples</title>
  6. <link rel="stylesheet" href="css/style.css" />
  7. <link rel="stylesheet" href="../css/editormd.css" />
  8. <link rel="shortcut icon" href="https://pandao.github.io/editor.md/favicon.ico" type="image/x-icon" />
  9. </head>
  10. <body>
  11. <div id="layout">
  12. <header>
  13. <h1>@links</h1>
  14. <p>Github Flavored Markdown extras syntax</p>
  15. </header>
  16. <div id="test-editormd">
  17. <textarea style="display:none;">### Disable @link & email address auto link
  18. > Editor.md default enable @link & email address auto link;
  19. > Unsupported xxxx@xxxxx, xxxx@localhost ...
  20. ```javascript
  21. var testEditor;
  22. $(function() {
  23. // You can custom @link base url.
  24. editormd.urls.atLinkBase = "https://github.com/";
  25. testEditor = editormd("test-editormd", {
  26. atLink : false, // disable @link
  27. emailLink : false, // disable email address auto link
  28. path : '../lib/'
  29. });
  30. });
  31. ```
  32. ### @links
  33. [TOC]
  34. ~~@mentions~~, #refs @tylerlong `inline code @tylerlong`, [links](), **formatting**, and <del>tags</del> supported @pandao;
  35. list syntax required (any unordered or ordered list supported) @pandao;
  36. this is @pandao a complete item @pandao xxx.test@gmail.com;
  37. link [@pandao](https://github.com/pandao "@pandao") &#64 xxx.test@gmail.com;
  38. link [&#64;pandao](https://github.com/pandao "&#64;pandao")
  39. fsdafds [Gmail](mailto:xxx.test@gmail.com) this is an incomplete item **@pandao**;
  40. *@pandao* this is an incomplete item ___@pandao___;
  41. <xxx.test@gmail.com>
  42. <mailto:xxx.test@gmail.com>
  43. Email test : [email me](mailto:test@test.com) [Gmail](mailto:xxx.test@gmail.com) dsfdfsdfsdfsdf xxx.test@gmail.com fdfsdfsdf 5956565656565@vip.qq.com
  44. # Github: @pandao
  45. ## Github: @pandao
  46. ### Github: @tylerlong
  47. #### Github: @tylerlong
  48. ##### Github: @tylerlong
  49. ###### Github: @tylerlong [Gmail](mailto:xxx.test@gmail.com)
  50. - dafssdfsdaf@chjj dfsdfsdf [5956565656565@vip.qq.com](mailto:5956565656565@vip.qq.com)
  51. - dafssdfsdaf@chjj dfsdfsdf
  52. - dafssdfsdaf@chjj dfsdfsdf
  53. - dafss@pandao dfsdaf@chjj dfsdfsdf
  54. - dafssd: @pandao fsdaf@chjj dfsdfsdf @codemirror @pandao
  55. + dafssdfsdaf@chjj dfsdfsdf
  56. + dafss@pandaodfsdaf@chjj dfsdfsdf
  57. 1. @chjj 第一行@pandao fsdaf@chjj dfsdfsdf :fa-save:: @pandao
  58. - dafssdfsdaf@chjj dfsdfsdf
  59. - dafss@pandao dfsdaf@chjj dfsdfsdf
  60. 2. @chjj 第二行@pandao fsdaf@chjj dfsdfsdf @codemirror @pandao
  61. 3. 第三行@pandao fsdaf@chjj dfsdfsdf :fa-save:: @pandao
  62. &gt; Blockquotes @pandao
  63. &gt; dd@pandao引用文本(Blockquotes @pandao)fdasfad @_pandao fdasfad @xxx454xxx fdasfad @xx_x454xxx454
  64. |@pandao First Header | Second@pandao Header@pandao |
  65. | ------------- | ------------- |
  66. | Content@pandao Cell | @pandao Content Cell @pandao|
  67. | Con@pandao tent Cell@pandao | Content@pan-dao Cell dfsdfsdf @pan_dao |
  68. dsfdf@pandao fasdfsdfsfddffd@pandao
  69. dfasfasdfasdf:bangbang:
  70. This is an H1 @pandao
  71. =============
  72. This @pandao an H2 @pandao
  73. -------------
  74. http://socialpro.demo.ipandao.com/app/images/welcom-logo@2x.png
  75. http://socialpro.demo.ipandao.com/app/images/welcom-logo@3x.png
  76. http://socialpro.demo.ipandao.com/app/images/welcom-logo@4x.png
  77. [![http://socialpro.demo.ipandao.com/app/images/welcom-logo@2x.png](http://socialpro.demo.ipandao.com/app/images/welcom-logo@2x.png)](http://socialpro.demo.ipandao.com/app/images/welcom-logo@2x.png)
  78. [http://socialpro.demo.ipandao.com/app/images/welcom-logo@2x.png](http://socialpro.demo.ipandao.com/app/images/welcom-logo@2x.png)
  79. [http://socialpro.demo.ipandao.com/app/images/welcom-logo@3x.png](http://socialpro.demo.ipandao.com/app/images/welcom-logo@3x.png)
  80. ![http://socialpro.demo.ipandao.com/app/images/welcom-logo@2x.png](http://socialpro.demo.ipandao.com/app/images/welcom-logo@2x.png)
  81. </textarea>
  82. </div>
  83. </div>
  84. <script src="js/jquery.min.js"></script>
  85. <script src="../editormd.js"></script>
  86. <script type="text/javascript">
  87. var testEditor;
  88. $(function() {
  89. // You can custom @link base url.
  90. editormd.urls.atLinkBase = "https://github.com/";
  91. testEditor = editormd("test-editormd", {
  92. width : "90%",
  93. height : 720,
  94. toc : true,
  95. //atLink : false, // disable @link
  96. //emailLink : false, // disable email address auto link
  97. todoList : true,
  98. path : '../lib/'
  99. });
  100. });
  101. </script>
  102. </body>
  103. </html>