v1.0.html 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. {% if page.path == "index.html" %}
  5. <title>{{ page.title }}</title>
  6. {% elsif page.title.size > 25 %}
  7. <title>{{ page.title }} - Quill</title>
  8. {% else %}
  9. <title>{{ page.title }} - Quill Rich Text Editor</title>
  10. {% endif %}
  11. {% include meta.html %}
  12. <link rel="stylesheet" href="/1.0/assets/css/base.css">
  13. {% assign sections = content | split: '<!-- head -->' %}
  14. {% for section in sections %}
  15. {% assign mod = forloop.index | modulo: 2 %}
  16. {% if mod == 0 %}
  17. {{ section | strip }}
  18. {% endif %}
  19. {% endfor %}
  20. <link rel="stylesheet" href="/1.0/assets/css/styles.css">
  21. <script>
  22. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  23. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  24. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  25. })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  26. ga('create', 'UA-19077541-2', 'auto');
  27. ga('send', 'pageview');
  28. </script>
  29. <script>
  30. window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=t.forceSSL||"https:"===document.location.protocol,a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=(r?"https:":"http:")+"//cdn.heapanalytics.com/js/heap-"+e+".js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(a,n);for(var o=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","removeEventProperty","setEventProperties","track","unsetEventProperty"],c=0;c<p.length;c++)heap[p[c]]=o(p[c])};
  31. heap.load("1135832181");
  32. </script>
  33. </head>
  34. <body{% if page.bodyClass != null %} class="{{ page.bodyClass }}"{% endif %}>
  35. <header>
  36. <nav class="navbar-drop">
  37. <button class="navbar-close"></button>
  38. <ul>
  39. <li class="navbar-item">
  40. <a class="navbar-link" href="/1.0/docs/quickstart/">Documentation</a>
  41. </li>
  42. <li class="navbar-item">
  43. <a class="navbar-link" href="/guides/why-quill/">Guides</a>
  44. </li>
  45. <li class="navbar-item">
  46. <a class="navbar-link" href="/1.0/playground/">Playground</a>
  47. </li>
  48. <li class="navbar-item">
  49. <a class="navbar-link" href="/blog/">Blog</a>
  50. </li>
  51. <li class="navbar-item">
  52. <span class="github-button dark-bg">
  53. <a class="github-action" target="_blank" title="Star Quill on Github" href="https://github.com/quilljs/quill/">
  54. <svg viewBox="0 0 16 16"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.3 6.53 5.47 7.6.4.06.55-.18.55-.4 0-.18 0-.8 0-1.48-2.02.37-2.54-.5-2.7-.94-.1-.23-.48-.94-.82-1.13-.28-.15-.68-.52 0-.53.62 0 1.07.58 1.22.82.72 1.2 1.87.87 2.33.66.07-.52.28-.87.5-1.07-1.77-.2-3.63-.9-3.63-3.95 0-.87.3-1.6.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.2 2.2.83.64-.18 1.32-.27 2-.27.68 0 1.36.1 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.93.08 2.13.5.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.3.25.54.73.54 1.48 0 1.08 0 1.94 0 2.2 0 .22.15.47.55.4C13.7 14.52 16 11.52 16 8c0-4.42-3.58-8-8-8z"/></svg>
  55. <span>Star</span>
  56. </a>
  57. <a class="github-count" target="_blank" title="Quill Stargazers" href="https://github.com/quilljs/quill/stargazers">18,000</a>
  58. </span>
  59. </li>
  60. </ul>
  61. </nav>
  62. <nav class="container">
  63. <ul class="navbar-list">
  64. <li class="{% if page.url contains "/docs/" %}active {% endif %}navbar-item">
  65. <a class="navbar-link" href="/1.0/docs/quickstart/">Documentation</a>
  66. </li>
  67. <li class="{% if page.url contains "/guides/" %}active {% endif %}navbar-item">
  68. <a class="navbar-link" href="/guides/why-quill/">Guides</a>
  69. </li>
  70. <li class="logo-item">
  71. <a class="logo" href="/1.0/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 942 559.9">
  72. <circle cx="749" cy="125.5" r="25.7" class="logo"/>
  73. <path d="M643.3 211.5c0 21.2 0 76.5 0 91.8 0 19.5-3.5 90.9-76.1 90.9-75.9 0-74.3-71.3-74.3-98.8 0-23.4 0-70.4 0-83.8h-39v94.1s-8.1 128.5 111.3 128.5c119.4 0 115.4-124.5 115.4-124.5v-98.2h-37.3zM816.5 45.2H855v378.5h-38.5zM504 472.7c-79.4 0-194.9-12-268.3-12.8-12.2 0-23 1.5-32.6 3.9l13-11.6c14.3-12.9 37.6-20.9 43.4-22 94.4-18.6 164.8-93.7 164.8-212.8C424.3 83.2 329.3 0 212.1 0S0 76.9 0 217.3c0 126.8 84.9 208 193.1 216.5 0 0 5.7.1 6.4 3.6.6 3.1-4.8 7.6-4.8 7.6l-64.4 59.6 12.4 13.4 23.8-21.3c13.3-10.6 35.1-23.6 62.1-23.6 89.3 0 188.2 89.1 280.1 86.9 134.4-3.2 165.7-93 169.1-104.6.2-.4-55.6 17.3-173.8 17.3zM39.4 217.3c0-114.3 77.3-177 172.8-177 95.4 0 172.8 67.7 172.8 177 0 112.6-77.3 177-172.8 177-95.5-.1-172.8-67.8-172.8-177zM903.5 45.2H942v378.5h-38.5zM729.5 211.1H768v212.5h-38.5z" class="logo"/>
  74. </svg>
  75. </a>
  76. </li>
  77. <li class="{% if page.url contains "/1.0/playground/" %}active {% endif %}navbar-item">
  78. <a class="navbar-link" href="/1.0/playground/">Playground</a>
  79. </li>
  80. <li class="{% if page.url contains "/blog/" %}active {% endif %}navbar-item">
  81. <a class="navbar-link" href="/blog/">Blog</a>
  82. </li>
  83. <li class="download-item">
  84. <a class="action" href="/1.0/docs/download/">Download</a>
  85. </li>
  86. </ul>
  87. </nav>
  88. <button class="navbar-open">
  89. <span></span>
  90. <span></span>
  91. <span></span>
  92. </button>
  93. </header>
  94. {% assign heads = content | split: '<!-- head -->' %}
  95. {% for head in heads %}
  96. {% if forloop.last != true %}
  97. {% assign headMod = forloop.index | modulo: 2 %}
  98. {% if headMod == 1 %}
  99. {{ head | strip }}
  100. {% endif %}
  101. {% else %}
  102. {% assign scripts = head | split: '<!-- script -->' %}
  103. {% for script in scripts %}
  104. {% assign scriptMod = forloop.index | modulo: 2 %}
  105. {% if scriptMod == 1 %}
  106. {{ script | strip }}
  107. {% endif %}
  108. {% endfor %}
  109. {% endif %}
  110. {% endfor %}
  111. <footer>
  112. <div class="container">
  113. <div class="logo row">
  114. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 942 559.9">
  115. <circle cx="749" cy="125.5" r="25.7" class="logo"/>
  116. <path d="M643.3 211.5c0 21.2 0 76.5 0 91.8 0 19.5-3.5 90.9-76.1 90.9-75.9 0-74.3-71.3-74.3-98.8 0-23.4 0-70.4 0-83.8h-39v94.1s-8.1 128.5 111.3 128.5c119.4 0 115.4-124.5 115.4-124.5v-98.2h-37.3zM816.5 45.2H855v378.5h-38.5zM504 472.7c-79.4 0-194.9-12-268.3-12.8-12.2 0-23 1.5-32.6 3.9l13-11.6c14.3-12.9 37.6-20.9 43.4-22 94.4-18.6 164.8-93.7 164.8-212.8C424.3 83.2 329.3 0 212.1 0S0 76.9 0 217.3c0 126.8 84.9 208 193.1 216.5 0 0 5.7.1 6.4 3.6.6 3.1-4.8 7.6-4.8 7.6l-64.4 59.6 12.4 13.4 23.8-21.3c13.3-10.6 35.1-23.6 62.1-23.6 89.3 0 188.2 89.1 280.1 86.9 134.4-3.2 165.7-93 169.1-104.6.2-.4-55.6 17.3-173.8 17.3zM39.4 217.3c0-114.3 77.3-177 172.8-177 95.4 0 172.8 67.7 172.8 177 0 112.6-77.3 177-172.8 177-95.5-.1-172.8-67.8-172.8-177zM903.5 45.2H942v378.5h-38.5zM729.5 211.1H768v212.5h-38.5z" class="logo"/>
  117. </svg>
  118. </div>
  119. <h1>Your powerful rich text editor.</h1>
  120. <div class="actions row">
  121. <a href="/1.0/docs/" class="action documentation">Documentation</a>
  122. <a href="/1.0/docs/download/" class="action">
  123. Download v{{ site.version | split: '.' | slice: 0, 2 | join: '.' }}
  124. </a>
  125. </div>
  126. <div class="users row">
  127. <h3>Trusted By</h3>
  128. </div>
  129. </div>
  130. </footer>
  131. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
  132. {% assign sections = content | split: '<!-- script -->' %}
  133. {% for section in sections %}
  134. {% assign mod = forloop.index | modulo: 2 %}
  135. {% if mod == 0 %}
  136. {{ section | strip }}
  137. {% endif %}
  138. {% endfor %}
  139. <script>
  140. $(document).ready(function() {
  141. $('.navbar-open').click(function() {
  142. $('.navbar-drop').addClass('active');
  143. });
  144. $('.navbar-close').click(function() {
  145. $('.navbar-drop').removeClass('active');
  146. });
  147. var counts = $('.github-count');
  148. if (counts.length > 0) {
  149. $.getJSON('https://api.github.com/search/repositories?q=quill+user:quilljs+repo:quill&sort=stars&order=desc', function(data) {
  150. if (data.items && data.items[0].full_name === 'quilljs/quill') {
  151. counts.text(data.items[0].stargazers_count.toLocaleString());
  152. }
  153. });
  154. }
  155. });
  156. </script>
  157. </body>
  158. </html>