¿Cómo ocultar el editor wmd inicialmente?

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> 

ver, estoy siguiendo las ADM-test.html de derobins de ADM, excepto poner esas cosas dentro de un div oculto.

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

Puede usar la técnica de la izquierda, si al complemento no le gusta que los elementos no tengan alto/ancho.

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

Answer 2

Además de ocultar todo el panel con el área de texto dentro de ella, es necesario asegurarse de que área de texto en sí tiene problemas display:none y se desaparecerá entonces. De lo contrario, wmd no detectará que textarea no se muestra y tratará de hacer cálculos en él y obtendrá excepciones como usted dijo.

Simplemente colocando elementos fuera de la pantalla no es posible o al menos muy problemático con algunos diseños. Además, los lectores de pantalla aún detectarán esos elementos y la accesibilidad sufrirá.

Creo que ya resolvió el problema, pero espero que ayude a alguien.