Comment cacher éditeur wmd d'abord?

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>  

Voir, je suis WMD-test.html de derobins-WMD, sauf mettre ce genre de choses dans un div caché.

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

Vous pouvez utiliser la technique hors gauche, si le plugin n'aime pas les éléments non ayant une hauteur / largeur.

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

Answer 2

En plus de cacher le panneau entier avec textarea à l'intérieur de celui-ci, vous devez vous assurer que textarea a lui-même display:none et problèmes disparaitra alors. Dans le cas contraire wmd ne détecte pas que textarea n'affiche pas et essayer de faire des calculs sur elle et vous obtiendrez des exceptions comme vous avez dit.

Il suffit de mettre des éléments hors écran est impossible ou au moins très gênant avec des mises en page. De plus, les lecteurs d'écran seront toujours détecter les éléments et l'accessibilité souffriront.

Je suppose que vous avez résolu le problème maintenant, mais j'espère que ça va aider quelqu'un.