最初にwmdエディタを非表示にするには？

Question

<div style="display:none;"> 
    <div id="wmd-editor" class="wmd-panel"> 
     <div id="wmd-button-bar"></div> 
     <textarea id="wmd-input"></textarea> 
    </div> 
    <div id="wmd-preview" class="wmd-panel"></div> 
    <div id="wmd-output" class="wmd-panel"></div> 
</div> 

私はderobins-wmdのwmd-test.htmlに従っていますが、隠されたdivの中に入れてください。

uncaught exception: [Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMNSHTMLTextAreaElement.selectionStart]" nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame :: http://localhost/derobins-wmd-980f687/wmd.js :: anonymous :: line 490" data: no] 
uncaught exception: [Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMNSHTMLTextAreaElement.selectionStart]" nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame :: http://localhost/derobins-wmd-980f687/wmd.js :: anonymous :: line 490" data: no] 

Answer 1

プラグインは高さ/幅を持っていない要素を好まない場合は、オフに左の手法を使用する場合があります。その中にテキストエリアでパネル全体を隠すことに加え

<div style="position: absolute; left: -1000px; width: 100px"> 

Answer 2

、あなたはTEXTAREA自体がdisplay:noneを持っており、問題はその後、disapearすることを確認する必要があります。さもなければ、wmdはテキストエリアが表示されていないことを検出せず、そのテキストエリアで計算を行おうとします。

単に要素を画面から外すことは不可能であるか、レイアウトによっては少なくとも非常に面倒です。さらに、スクリーンリーダーはこれらの要素を検出してアクセシビリティに苦しみます。

あなたは今問題を解決したと思いますが、それが誰かを助けることを願っています。