jquery - localStorageデータを取得し、Portholejsを使用してクロスドメインで送信します

Question

私は、ブートストラップを追加するか、ユーザーを支援するために正規化するオプションを備えたdabbletのようなオンラインコードエディターを実行しています。localStorageを使用して、ページを更新したときにコードを返し、選択したオプションも保持します。

JSコード、ライブデモ

これを行うために、PortholeJSとのiframeクロスドメイン通信を使用しています。

ユーザーがコードを入力すると、この.val（）がlocalStorageに保存されるため、ユーザーがページを更新するときに、localStorageからコードを取得して変数に保存し、エディターに再度表示して、 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 });
    },

私の悪い英語でごめんなさい