4dkankan-docs
/
pro-docs


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
							<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>四维看看SDK·开发文档</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',
                relativePath:true,
                search: {
                    maxAge: 86400000,
                    paths: '/',
                    placeholder: window.location.href.indexOf('/zh-cn/')!=-1?'搜索':'Type to search',
                    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 () {
                            // 初始化并第一次加载完成数据后调用，只触发一次，没有参数。
                            if(window.location.href.indexOf('/product/')!=-1){
                                var link = document.querySelector('.app-name-link')
                                if(window.location.href.indexOf('/zh-cn/')!=-1){
                                    link.innerHTML = '用户手册'
                                } else {
                                    link.innerHTML = 'User Document'
                                }
                                link.href = 'javascript:;'
                            }
                        })

                        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>