wmd 편집기를 처음에 숨기는 방법?

<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에 그 내용을 넣지 않는 것이 좋습니다.wmd 편집기를 처음에 숨기는 방법?

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]

출처

2009-10-04 Misier

플러그인에서 높이/너비가없는 요소가 마음에 들지 않으면 왼쪽 정렬 기술을 사용할 수 있습니다. 그것의 내부 텍스트 영역과 전체 패널을 숨기고 외에도

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

출처

2009-10-04 12:34:02 tvanfosson

위대한 해킹입니다! – Misier

, 당신은 텍스트 영역 자체가 display:none을 가지고 있으며, 문제는 그 다음 사라지는 것을 확인해야합니다. 그렇지 않으면 wmd는 텍스트 영역이 표시되지 않고 검색을 시도 할 것이고 사용자가 말한 것과 같은 예외가 발생한다는 것을 감지하지 못합니다.

단순히 요소를 화면에서 떼어내는 것은 불가능하거나 일부 레이아웃에서는 매우 번거로운 작업입니다. 또한 스크린 리더는 여전히 이러한 요소를 감지하고 접근성에 어려움을 겪습니다.

지금까지 문제를 해결 한 것 같지만 도움이되기를 바랍니다.

출처

2009-12-05 10:34:21 spirytus

고마워, 나는이 똑같은 문제를 챙겨 봤어. 래퍼 div뿐만 아니라 textarea에'display : none'을 추가했습니다. –

jquery 탭을 사용하는 경우 (이 문제를 발견 한 방법) css'.ui-tabs-hide textarea {display : none; }'과 비슷한 효과가 있습니다. –

wmd 편집기를 처음에 숨기는 방법?

답변

관련 문제