index.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>小程序富文本组件</title>
  6. <link rel="icon" href="assets/logo/logo.ico" type="image/x-icon">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  8. <meta name="description" content="小程序富文本组件">
  9. <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  10. <link rel="stylesheet" href="lib/vue.css">
  11. <script>
  12. var _hmt = _hmt || [];
  13. (function () {
  14. var hm = document.createElement("script")
  15. hm.src = "https://hm.baidu.com/hm.js?69554d980eb5eb786919e3c3ad37b2ce"
  16. var s = document.getElementsByTagName("script")[0]
  17. s.parentNode.insertBefore(hm, s)
  18. })()
  19. </script>
  20. </head>
  21. <body>
  22. <div id="app"></div>
  23. <script>
  24. window.$docsify = {
  25. name: 'mp-html',
  26. repo: 'https://github.com/jin-yufeng/mp-html',
  27. coverpage: true,
  28. loadSidebar: true,
  29. subMaxLevel: 3,
  30. auto2top: true,
  31. search: {
  32. placeholder: '搜索',
  33. noData: '找不到结果'
  34. }
  35. }
  36. // 渲染测试内容
  37. function render () {
  38. document.getElementById("show").srcdoc='<meta name="viewport" content="width=device-width"><style>img{max-width:100%}</style>'+document.getElementById("input").value.replace(/<script[\s\S]+?<\/script>/g, '')
  39. }
  40. // 清空测试内容
  41. function reset () {
  42. document.getElementById("input").value = ''
  43. document.getElementById("show").srcdoc = ''
  44. }
  45. </script>
  46. <script src="lib/docsify.min.js"></script>
  47. <script src="lib/search.min.js"></script>
  48. <script src="lib/prism-bash.min.js"></script>
  49. </body>
  50. </html>