jWysiwyg 라이브러리를 통해 html 5 리치 텍스트 편집을 사용하고 있습니다. 문서의 텍스트를 강조 표시하고 굵게 표시하는 것과 마찬가지로 사용자 지정 HTML로 문서의 선택한 부분을 둘러 쌀 수 있어야합니다. 주제에 대한 정보가 매우 제한적이며, 가능한지 확실하지 않습니다. 나는 또한 페이지의 원시 html 선택을 얻으려고했지만, 지금까지는 화면에 강조 표시되어있는 것만의 일반 텍스트 버전을 얻을 수있었습니다. 모든 권장 사항을 많이 주시면 감사하겠습니다.HTML 리치 텍스트 편집 : 선택 주위에 사용자 정의 html 둘러보기
추가 연구를 통해 jWysiwyg의 getInternalRange() 함수가 document.createRange()에 의해 생성 된 객체를 효과적으로 반환한다는 것을 발견했습니다. 문서를 검토 한 후, 필자의 필요에 맞는 surroundContents() 메서드를 찾을 수있었습니다. 다음은 그 예입니다. 내가 jQuery를 사용하고, 그래서 나 또한 당신을 위해 HTML 요소를 생성하기 위해 jQuery를 사용하는 방법을 보여줍니다 :
var range = document.createRange();
range.surroundContents($('<span style="background-color: red;" />').get(0));
이 특정 예를 쉽게 할 수 있도록 일반화 될 수 빨강, 그러나이 예에서 선택한 텍스트를 강조 개발자는 선택 항목을 원하는 수의 html 요소로 둘러 쌀 수 있습니다.
실제로 jquery는'.wrap()'만 사용합니다. wrap ('>)' – RASG
'내가 봤던 문제는 선택을 실제로 얻을 수 있었다. 였다. 내가 단순히 jQuery의 wrap() 함수를 사용할 수 있도록 선택기를 가져 오는 효과적인 방법을 찾지 못했고 대신 html 리치 텍스트 API를 사용하여 원하는 것을 얻을 수있었습니다. 리치 텍스트로 작업하지 않으면 wrap()을 사용했을 것입니다. –