ForSiYuan.js

(function () {
    挂件模式 = () => {
        if (window == window.parent) {
            return false
        }
        else {
            return true
        }
    }

    //感谢https://github.com/LancelotLewis/local-kitymind
    var oldData;
    var html = '';
    if (挂件模式()) {
        html += `<a href="" id="browser" class="diy broswerlink">浏览器打开</a>`
    } ;
    html += '<a href="" id="idinput" class="diy import" data-type="json">导入思源文档id</a>';
    html += '<input class="diy idinput" id="siyuan"></input>',

        html += '<a href="" class="diy export" data-type="json">导出json</a>',
        html += '<a href="" class="diy export" data-type="md">导出md</a>',
        html += '<a href="" class="diy export" data-type="km">导出km</a>',
        html += '<a href="" class="diy export" data-type="svg">导出svg</a>',
        html += '<a href="" class="diy export" data-type="txt">导出text</a>',
        html += '<a href="" class="diy export" data-type="png">导出png</a>',
        html += '<button class="diy input">',
        html += '导入<input type="file" id="fileInput" accept=".km,.txt,.md,.json,.ccmind" >',
        html += '</button>',
  
    $('.editor-title').append(html);

    $('.diy').css({
        // 'height': '30px',
        // 'line-height': '30px',
        "font-size":"12px",
        'margin-top': '0px',
        'float': 'right',
        'background-color': 'transparent',
        'min-width': '30px',
        'text-decoration': 'none',
        color: '#999',
        'padding': '0 10px',
        border: 'none',
        'border-right': '1px solid #ccc',
    });
    $('.input').css({
        'overflow': 'hidden',
        'position': 'relative',
    }).find('input').css({
        cursor: 'pointer',
        position: 'absolute',
        top: 0,
        bottom: 0,
        left: 0,
        right: 0,
        display: 'inline-block',
        opacity: 0
    });
    
    $(document).on('click', '.export', function (event) {
        event.preventDefault();
        var $this = $(this),
            type = $this.data('type'),
            exportType;
        switch (type) {
            case 'km':
                exportType = 'json';
                break;
            case 'md':
                exportType = 'markdown';
                break;
                case 'ccmind':
                    exportType = 'json';
                    break;
            case 'svg':
                exportType = 'svg';
                break;
            case 'txt':
                exportType = 'text';
                break;
            case 'png':
                exportType = 'png';
                break;
            default:
                exportType = type;
                break;
        }

        editor.minder.exportData(exportType).then(function (content) {
            switch (exportType) {
                case 'json':
                   // console.log($.parseJSON(content));
                    break;
                default:
                 //   console.log(content);
                    break;
            }
            var blob = new Blob();
            switch (exportType) {
                case 'png':
                    blob = dataURLtoBlob(content); //将base64编码转换为blob对象
                    break;
                default:
                    blob = new Blob([content]);
                    break;
            }
            var a = document.createElement("a"); //建立标签，模拟点击下载
            a.download = $('#node_text1').text() + '.' + type;
            a.href = URL.createObjectURL(blob);
            a.click();

        });
    });
    //加载数据
   
    解析url = function (url) {
        url = url || '';
        const queryObj = {};
        const reg = /[?&]([^=&#]+)=([^&#]*)/g;
        const queryArr = url.match(reg) || [];
       // console.log(queryArr)
        for (const i in queryArr) {
            if (Object.hasOwnProperty.call(queryArr, i)) {
                const query = queryArr[i].split('=');
                const key = query[0].substr(1);
                const value = decodeURIComponent(query[1]);
                queryObj[key] ? queryObj[key] = [].concat(queryObj[key], value) : queryObj[key] = value;
            }
        }
       // console.log(queryObj)
        return queryObj;
    }
    html转义 = function (原始字符串) {
        let 临时元素 = document.createElement("div");
        临时元素.innerHTML = 原始字符串;
        let output = 临时元素.innerText || 临时元素.textContent;
        临时元素 = null;
        return output;
    }
    挂件自身元素 = function () {
        try {
            return window.frameElement.parentElement.parentElement
        }
        catch (e) { return null }
    }
    加载数据 = async function () {
        console.log("加载")
        let url参数 = 解析url(window.location.href);
        /*挂件模式的判定在baselib的commonfunctionforsiyuan里*/
        /*挂件自身元素的获取也在baselib的commonfunctionforsiyuan里*/
        if (!挂件模式()) {
            window.baseid = url参数.baseid || "";
        } else {
            window.baseid = 挂件自身元素()
                .getAttribute("data-node-id");
        }
        if (window.baseid) {
            let link = document.getElementById('browser')
            link?link.addEventListener("click",function(){ 
            let browserurl=`http://${window.location.host}/widgets/cc-kityminder/?baseid=${window.baseid}`
            window.open(browserurl, '_blank').location;}
            ):null
            let filepath = `assets/data-${window.baseid}.ccmind`;
            let url = window.location.host
                ? `http://${window.location.host}/${filepath}`
                : `localhost:6806/${filepath}`;
            var reader = new FileReader();
            reader.onload = function (e) {
                var content = reader.result;
                editor.minder.importData(fileType, content).then(function (data) {
                    console.log(data)
                    $(fileInput).val('');
                });
            }
            await axios.get(url).then((res) => {
              //  console.log(res.data)
                editor.minder.importData("json", res.data)
            })
        }
    }
    // 导入
    添加导入 = async function () {
        var fileInput = document.getElementById('fileInput');
        var idInput = document.getElementById('idinput');

        idInput.addEventListener('click', async function (event) {
            event.preventDefault();
            //console.log("测试")
            let idinput = document.getElementById('siyuan')
            console.log(idinput.value)
            res2 = await 以id获取文档块markdown(window.location.host, "", idinput.value)
            console.log(res2)
            try {
                let markdown = res2.data.content
                if (markdown.startsWith("# ")) {
                    editor.minder.importData("markdown", markdown)
                }
                else {
                    markdown = `# ${res2.data.hPath.split("/").pop()}\n\n${markdown}`
                    editor.minder.importData("markdown", markdown)
                }
            } catch (e) { console.log(e) }
        })
        fileInput.addEventListener('change', function (e) {
            var file = fileInput.files[0],
                // textType = /(md|km)/,
                fileType = file.name.substr(file.name.lastIndexOf('.') + 1);
            console.log(file);
            switch (fileType) {
                case 'md':
                    fileType = 'markdown';
                    break;
                case 'txt':
                    fileType = 'text';
                    break;
                case 'km':
                case 'json':
                    fileType = 'json';
                    break;
                default:
                    console.log("File not supported!");
                    alert('只支持.km、.md、、text、.json文件');
                    return;
            }
            var reader = new FileReader();
            reader.onload = function (e) {
                var content = reader.result;
                editor.minder.importData(fileType, content).then(function (data) {
                    console.log(data)
                    $(fileInput).val('');
                });
            }
            reader.readAsText(file);
        });
    }
    保存数据 = function () {
        console.log("保存")
        let url参数 = 解析url(window.location.href);
        /*挂件模式的判定在baselib的commonfunctionforsiyuan里*/
        /*挂件自身元素的获取也在baselib的commonfunctionforsiyuan里*/
        if (!挂件模式()) {
            window.baseid = url参数.baseid || "";
        } else {
            window.baseid = 挂件自身元素()
                .getAttribute("data-node-id");
        }
        if (!window.baseid) { return null }
        editor.minder.exportData("json").then(function (content) {
           // console.log(content)
            let blob = new Blob([JSON.stringify(content)]);
            let baseid = window.baseid
            let 文件名 = `data-${baseid}.ccmind`;
            let 文件数据 = new File([blob], 文件名, { lastModified: Date.now() });
            let data = new FormData();
            data.append("assetsDirPath", "/assets/");
            data.append("file[]", 文件数据);
            let url = "http://" + window.location.host + "/api/asset/upload";
            let filepath = "";
            fetch(url, {
                body: data,
                method: "POST",
                headers: { Authorization: "Token " + "" },
            })
                .then(function (response) {
                    return response.json();
                })
                .then(function (resData) {
                    let succMap = resData["data"]["succMap"];
                    //  console.log(succMap);
                    for (let item in succMap) {
                        filepath = filepath + succMap[item];
                        设置思源块属性(
                            window.location.host,
                            "",
                            baseid,
                            "data-assets",
                            filepath
                        );
                        设置思源块属性(
                            window.location.host,
                            "",
                            baseid,
                            "custom-data-assets",
                            filepath
                        );
                        if(挂件自身元素()){
                        挂件自身元素().setAttribute("data-assets", filepath);
                        挂件自身元素().setAttribute("custom-data-assets", filepath);}

                    }
                })
        })
    },

    window.addEventListener("onload", 添加导入())
    window.addEventListener("click", 保存数据)
    try{加载数据()}catch(e){}
})();



//base64转换为图片blob
function dataURLtoBlob(dataurl) {
    var arr = dataurl.split(',');
    var _arr = arr[1].substring(0, arr[1].length - 2);
    var mime = arr[0].match(/:(.*?);/)[1],
        bstr = atob(_arr),
        n = bstr.length,
        u8arr = new Uint8Array(n);
    while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
    }
    return new Blob([u8arr], {
        type: mime
    });
}