contenteditable

0열

1답변

요소를 래핑 해제 할 때 contenteditable에서 캐럿 위치를 유지 하시겠습니까?

this jsFiddle에 표시하려고 시도한이 문제가 있습니다. 나는 단순한 html - 단지 텍스트와 하나의 <B> 엘리먼트 인 contenteditable을 가지고있다. 제 질문은 캐럿이 <B> 요소 안에 있고 사용자가 "X"키를 친 상황입니다. 그런 다음 <B> 요소가 성공적으로 풀 렸지만 캐럿은 위치를 변경하고 래핑되지 않은 <B> 요소의 시작 부분

1열

1답변

contenteditable 요소 주위의 아무 곳이나 클릭하면 Chrome에서 선택됩니다.

크롬에서는 간단한 contenteditable="true" span을 사용하며 사용자가 주변을 클릭하면 커서가 나타나고 편집을 시작할 수 있습니다. 이것은 성가시다. b/c 사용자가 바깥 쪽이 아닌 범위 자체를 클릭 할 때만 커서가 나타나기를 원한다. 예 : 아래 http://jsbin.com/oyamab/edit#javascript,html,live ht

6열

2답변

Firefox 커서가 보이지 않고 다른 것을 클릭했을 때 표시됩니다.

필자는 필자가 만난 가장 이상한 버그가 있으며, 필자는이 사실에 대한 나의 지혜가 거의 끝났습니다. 이 디버깅 방법 (또는 영리한 해결 방법)에 대한 아이디어가있는 사람이라면 누구나 굉장 할 것입니다. 문제 : 나는의 contentEditable 사용하여 파이어 폭스에서 간단한 WYSIWYG 편집기를 만들고있어 . 아약스를 통해 편집 할 텍스트를로드 할 때

0열

1답변

범위 사이의 경계 지점 비교

제목이 맞는지 잘 모르겠습니다. 문제는 contenteditable 요소에 포커스가있을 때 커서 위치를 가져 오는 스 니펫을 발견했기 때문입니다. 나는 전체 코드를 이해하지만, 내가 잘하는 것을 모르는 5 가지 라인이있다. 확인. 이 선은 Treewalker에 매개 변수로 전달되는 함수입니다. 그리고 경계점을 비교하는 방법을 다루지 만, 어떻게, 그리고 무

5열

1답변

TinyMCE의 forced_root_block 옵션

contenteditable<div>을 사용하여 맞춤 WYSIWYG 편집기를 구현하려고합니다. 내가 직면 한 주요 문제 중 하나는 브라우저가 일관성없는 방식으로 처리하는 것입니다. 키 스트로크 (줄 바꿈). Chrome은 <div>을 삽입하고 Firefox는 <br>을 삽입하고 IE는 <p>을 삽입합니다. TinyMCE를 살펴 보았는데 forced_root

1열

1답변

Jquery 및 Contenteditable - 강제 줄 바꿈이 하나의 공백으로 표시됩니다.

줄 바꿈 "\ n"을 표시하기 위해 모든 브라우저에서 "enter"를 눌렀을 때 기본 이벤트를 방지하는 방법을 찾았습니다. 원래 코드는 다음과 같습니다. http://jsfiddle.net/FhEf6/3/ 완벽하게 작동하지만 내 사이트 (Jquery 1.7.2 포함)에 이것을 포함하면 새로운 "\ n"이 하나의 공백으로 표시됩니다. 소스에서 줄 바꿈을 올바

0열

1답변

JQuery와의 contentEditable 문제

은 내가 HTML5 다소 새로운 해요 그리고 난 JQuery와 통해 자사의 contentEditable 속성을 구현하기 위해 노력하고있어 그리고 난이 var note = document.forms["form"]["add"].value; $("body").append("<div class=\"post_it\"><div class=\"flag\"></

1열

1답변

HTML5 ContentEditable :이 크기 조정 상자는 IE에서 제공되는 곳입니다.

나는 html5 contentEditable="true" 기능으로 놀고 있습니다. 가장 좋은 예는 여기 HTML5 Demo: ContentEditable입니다. 이제이 기능은 IE 9.0 (충격적이고 뭔가 IE에서 가장 잘 작동합니다.)에서 가장 잘 작동합니다. 그리고 모든 HTML 요소 위에이 멋진 크기 조정 상자가 표시됩니다 (버튼이나 링크를 클릭 할

4열

1답변

이미지를 Chrome의 contenteditable에 커서로 놓습니다.

Firefox에서 이미지를 바탕 화면의 contenteditable 필드로 드래그하면 이미지가 base64로 강조 표시 커서 위치로 삽입됩니다. JSFiddle : 이제 크롬에서 이미지가 브라우저에서 열립니다 http://jsfiddle.net/zupa/YrwsS/ (pageload, 같은 바이올린으로 시도). HTML5 덕분에 드롭 이벤트를 잡아서 이미지

0열

1답변

Rangy 라이브러리가 Opera에서 contenteditable과 함께 작동하지 않는 이유는 무엇입니까?

콘텐츠 편집 가능 DIV 안에 인기있는 Rangy library을 사용하고 있습니다. 내 코드는 매우 간단합니다. var saved_selection = false; $('#contenteditable').bind('keypress mouseup', function(e){ $(this).find('.rangySelectionBoundary').