【基本解决】js中如何加载html内容

【背景】

在折腾:

【基本解决】KindEditor中加载已有html页面内容

期间,需要先去搞懂,如何通过js中加载已有html页面内容。

 

【折腾过程】

1.搜:

js load html

参考:

javascript – How to load another html file using JS – Stack Overflow

How do I load an HTML page in a <div> using JavaScript? – Stack Overflow

试试:

    function editSavedGoodsContent()
    {
        var kindeditor = window.editor;
   
        // 加载之前已保存的页面的HTML内容
        <!-- html = kindeditor.html("../previous_saved_page.html"); -->
        loadedHtml = load("../previous_saved_page.html");
        html = kindeditor.html(loadedHtml);
        console.log(html);
    }

不行。

2.再试试:

loadedHtml = $("#easyui_editor").load("../previous_saved_page.html");

结果出错:

【已解决】KindEditor中加载已有页面出错:TypeError: html.replace is not a function

3.然后继续去尝试:

javascript – How to load another html file using JS – Stack Overflow

去试试,结果又出现:

【未解决】js中用XMLHttpRequest加载html出错:NS_ERROR_DOM_BAD_URI: Access to restricted URI denied

4.不过后来想到,实际上,此处问题已经转化为:

【基本解决】js加载本地文件

 

【总结】

最终是以变通的方式:

通过调用FileReader的方式去加载本地html文件,然后赋值给KindEditor的。

 

详见:

【基本解决】KindEditor中加载已有html页面内容



发表评论

电子邮件地址不会被公开。 必填项已用*标注

无觅相关文章插件,快速提升流量