execCommand ('밑줄')의 대체 메시지입니다.

Question

좋아, 어떤 사람들은 내 질문을 편집하고 내 질문을 편집 할 것입니다.하지만 그들은 잘못했습니다.

더 나은 설명 :

당신은 텍스트 This is a Test String.와의 contentEditable div 있습니다. 당신이 execCommand('strikethrough') 당신이 This <s>is a <u>Test</u></s><u>String</u> 얻을 is a Test 지금 사용하는 경우 지금 사용하는 경우 Test String에 execCommand('underline') 당신이 This is a <u>Test String</u> 를 얻을이 올바른 것입니다.

따라서 HTML5 <u> 및 <s>은 더 이상 사용되지 않습니다. 첫 번째 execCommand의 경우 surroundContents()에 <span style="text-decoration:underline;">을 사용할 수 있습니다. 두 번째 execCommand에 surroundContets()을 사용하면 BAD_BOUNDARYPOINTS_ERR이 표시됩니다.

내가 원하는 건 execCommand처럼 작동하지만이 기능은 마녀 HTML 태그로 정의 할 수있는 기능입니다. 문자열이 감싸집니다 ... (겹치는 부분이 있다면 지능형이어야합니다 ...)

Answer 1

surroundContents()에는 <div> 또는 <p>과 같은 여러 블록 요소가 포함되는 경우 둘러싸인 내용이 새 블록에 배치되어 원래 위치에서 벗어납니다. 이 문제를 극복하기 위해, 당신은 쉽게 여기 내 대답을 적응할 수 :

• 규칙과 CSS 클래스 만들기 : apply style to range of text with javascript in uiwebview이

  당신은 다음을 수행해야합니다 "텍스트 장식 : 밑줄;" 당신이 IE에 관심 있다면, 당신은 완전히 다른 솔루션을 작성해야

• :
• 는 Firefox와 같은 그것을 가지고하지 않는 브라우저 (https://developer.mozilla.org/en/DOM/range.intersectsNode 예는 MDC 참조) Range의 intersectsNode 방법을 추가합니다.

Answer 2

CSS text-decoration: underline.