서식있는 텍스트 편집기 탭에서 텍스트 영역으로 바로

Question

내 프로젝트 (tinyMCE 및 markitup) 중 하나에서 풍부한 텍스트/편집기 편집기를 사용하고 있습니다. 나는 현재 markitup의 최신 버전을 실행 중입니다. 그러나 위의 입력에서 실제 텍스트 영역으로 탭 할 수 없기 때문에 마우스를 양식 탐색에 있어야합니다. 굵게, 이탤릭체 등.

나는 stackoverflow에서 탭 하나의 탭과 제목 입력에서 탭으로, 또한 Gmail에서 동일한 탭을 볼 수있다. JQuery/javascript를 사용하여이 작업을 수행 할 수있는 방법이 있습니까?

안부

누가 복음

Answer 1

덕분에, 그것은이 코드

li = $('<li class="markItUpButton markItUpButton'+t+(i)+' '+(button.className||'')+'"><a href="" '+key+' title="'+title+'">'+(button.name||'')+'</a></li>') 
    .bind("contextmenu", function() { // prevent contextmenu on mac and allow ctrl+click 
    return false; 
    }).click(function() { 

<span에 <a href="" 및 </a> 변경이 jquery.markitup.css 라인 (160)의 주위에, 결국 아주 간단한 해결책이었다 그리고 </span>을 존중하고 스타일 시트의 "a"에 대한 모든 참조를 "span"으로 변경하고 커서를 추가하면 포인터가 트릭을 수행 한 것으로 보입니다.

나는 markitup를 사용하는 사람이 그것을 밖으로 정렬 나에게 주도 올바른 방향

Answer 2

나는 스택 오버 플로우가 버튼에 <li> 년대 + 자바 스크립트를 사용합니다 생각합니다.

물론 <li>에는 tabindex가 없으므로 '액세스 가능'요소가 아닙니다.

툴바의 버튼에서 tabindex = "- 1"로 설정해 볼 수도 있지만 접근성 측면에서 볼 때 100 % 확실하지는 않습니다.

기타 다른 해결책이있을 수 있습니다. 나에게 아이디어를주는 마르코에