Jak ukryć edytor wmd początkowo?

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> 

Zobacz, śledzę wmd-test.html z derobins-wmd, z wyjątkiem umieszczenia tego w ukrytym dziale 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

Możesz użyć techniki off-left, jeśli wtyczka nie lubi elementów nie mających wysokości/szerokości.

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

Answer 2

Oprócz ukrywa cały panel z textarea wewnątrz niego, trzeba się upewnić, że sama textarea ma display:none i problemy będą disapear wtedy. W przeciwnym razie wmd nie wykryje, że obszar tekstowy nie wyświetla się i spróbuje wykonać obliczenia, a otrzymasz wyjątki, takie jak powiedziałeś.

Po prostu wyłączenie elementów z ekranu jest niemożliwe lub co najmniej bardzo kłopotliwe w niektórych układach. Co więcej, screenreadery nadal będą wykrywać te elementy, a dostępność będzie ucierpiała.

Zgaduję, że rozwiązałeś już problem, ale mam nadzieję, że ci to pomoże.