| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <title>四维时代帮助文档</title>
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
- <meta name="description" content="Description" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
- <!-- <link rel="stylesheet" href="./libs/npm/docsify@4/lib/themes/vue.css"> -->
- <link rel="stylesheet" href="./libs/npm/docsify-themeable@0/dist/css/theme-simple.css" />
- <link rel="stylesheet" href="./libs/doc.css" />
- <link rel="stylesheet" href="./libs/codemirror/codemirror.css" />
- <script src="./libs/codemirror/codemirror.js"></script>
- <script src="./libs/codemirror/mode/xml/xml.js"></script>
- <script src="./libs/codemirror/mode/javascript/javascript.js"></script>
- <script src="./libs/codemirror/mode/css/css.js"></script>
- <script src="./libs/codemirror/mode/htmlmixed/htmlmixed.js"></script>
- <script src="./libs/codemirror/addon/edit/matchbrackets.js"></script>
- </head>
- <body>
- <nav></nav>
- <div id="app"></div>
- <script>
- window.$docsify = {
- //repo: 'https://github.com/4Dage-Developer/4dage-sdk',
- name: '4DKanKan SDK Docs',
- coverpage: ['/', '/zh-cn/'],
- loadSidebar: true,
- loadNavbar: '_navbar.md',
- subMaxLevel: 4,
- mergeNavbar: true,
- onlyCover: false,
- search: 'auto',
- search: {
- maxAge: 86400000,
- paths: '/',
- placeholder: '搜索',
- noData: 'No Results',
- },
- markdown: {
- renderer: {
- code: function (code, lang) {
- if (/^\s*\/\*\s*online-demo\s*\*\//.test(code)) {
- if (code) {
- code = code.replace(/^\s*\/\*\s*online-demo\s*\*\//, '')
- }
- return `
- <div class="kankan-online-demo">
- <iframe class="kankan-online-demo-iframe"></iframe>
- <div class="kankan-online-demo-code">
- <div class="kankan-online-demo-codebar">
- <span>源代码编辑器</span>
- <div>
- <div data-copy>复制</div>
- <div data-run>运行</div>
- <div style="display:none">还原</div>
- </div>
- </div>
- <textarea class="kankan-online-demo-editor">${code}</textarea>
- </div>
- </div>
- `
- }
- return this.origin.code.apply(this, arguments)
- },
- },
- },
- plugins: [
- function (hook, vm) {
- hook.init(function () {
- // 初始化完成后调用，只调用一次，没有参数。
- // window.$docsify.markdown = window.$docsify.markdown || {}
- // window.$docsify.markdown.renderer = window.$docsify.markdown.renderer || {}
- // window.$docsify.markdown.renderer.code = exec(window.$docsify.markdown.renderer.code)
- })
- hook.beforeEach(function (content) {
- // 每次开始解析 Markdown 内容时调用
-
- return content
- })
- hook.afterEach(function (html, next) {
- // 解析成 html 后调用。
- // beforeEach 和 afterEach 支持处理异步逻辑
- // ...
- // 异步处理完成后调用 next(html) 返回结果
- next(html)
- var demos = document.querySelectorAll('.kankan-online-demo')
- if (demos) {
- demos.forEach(el => {
- var iframe = el.querySelector('iframe')
- var editor = CodeMirror.fromTextArea(el.querySelector('textarea'), {
- lineNumbers: true,
- mode: 'text/html',
- matchBrackets: true,
- })
- editor.lineAtHeight(0)
- var iframeDoc = iframe.contentDocument || iframe.contentWindow.document
- iframeDoc.open()
- iframeDoc.write(editor.getValue())
- iframeDoc.close()
-
- el.querySelector('[data-run]').addEventListener(
- 'click',
- (function (iframe, editor) {
- return function () {
- var doc = iframe.contentDocument || iframe.contentWindow.document
- doc.open()
- doc.write(editor.getValue())
- doc.close()
- }
- })(iframe, editor)
- )
- el.querySelector('[data-copy]').addEventListener(
- 'click',
- (function (iframe, editor) {
- return function () {
- navigator.clipboard.writeText(editor.getValue());
- alert('复制成功')
- }
- })(iframe, editor)
- )
- })
- }
- })
- hook.doneEach(function () {
- // 每次路由切换时数据全部加载完成后调用，没有参数。
- // ...
- if (document.querySelectorAll('.kankan-online-demo').length) {
- document.querySelector('section.content').classList.add('full')
- } else {
- document.querySelector('section.content').classList.remove('full')
- }
- })
- hook.mounted(function () {
- // 初始化并第一次加载完成数据后调用，只触发一次，没有参数。
- })
- hook.ready(function () {
- // 初始化并第一次加载完成数据后调用，没有参数。
- })
- },
- ],
- }
- </script>
- <!-- Docsify v4 -->
- <script src="./libs/example/sync.js"></script>
- <script src="./libs/npm/docsify.min.js"></script>
- <script src="./libs/npm/docsify/lib/plugins/emoji.min.js"></script>
- <script src="./libs/npm/docsify/lib/plugins/zoom-image.min.js"></script>
- <script src="./libs/npm/docsify-copy-code/dist/docsify-copy-code.min.js"></script>
- <script src="./libs/npm/docsify-pagination/dist/docsify-pagination.min.js"></script>
- <script src="./libs/npm/prismjs@1/components/prism-bash.min.js"></script>
- <script src="./libs/npm/docsify/lib/plugins/search.min.js"></script>
- <script src="./libs/npm/docsify/lib/plugins/external-script.min.js"></script>
- </body>
- </html>
|
