2

我正在做一个像 dabblet 这样的在线代码编辑器，带有添加引导程序或仅规范化以帮助用户的选项，我使用localStorage在他们刷新页面时返回代码，同时保留他们选择的选项。

JS代码，现场演示

我正在使用 iframe 跨域通信和 PortholeJS 来做到这一点。

当用户键入代码时，它的 .val() 保存在 localStorage 上，因此当用户刷新页面时，我想从 localStorage 获取代码并保存在 var 上，然后再次显示在编辑器上并发送帖子PortholeJS 到 iframe，但是当我刷新时只能取回代码，但我没有在 iframe 上得到结果

    getLocalStorageData: function(){
        cssMSG = "/* Do your CSS here! */";
        htmlMSG = "<!-- Do your HTML here! -->";

        // If the localStorage is empty then set the default msgs
        if (!localStorage.getItem('cssDB')) { localStorage.setItem('cssDB', cssMSG); }
        if (!localStorage.getItem('htmlDB')) { localStorage.setItem('htmlDB', htmlMSG); }

        // Save the data on a object
        getCSSData = localStorage.getItem('cssDB');
        getHTMLData = localStorage.getItem('htmlDB');

        // Send the data to the code editors
        docss.setValue(getCSSData);
        dohtml.setValue(getHTMLData);

        // Set an option like overflow-x: break-word on the code editors
        dohtml.session.setUseWrapMode(true);
        docss.session.setUseWrapMode(true);

        // This send the data to the iframe from the code editors when load the page
        windowProxy.post({'html' : getHTMLData });
        windowProxy.post({'css' : getCSSData });
    },

对不起，我的英语不好

4

0 回答 0