2010-06-21 4 views
0

나는 사용자가 일부를 선택하고 일부 클래스 및 스타일로 div를 감싸기 위해 단추를 클릭 할 수있게 해주는 contenteditable div가 있습니다.wysiwyg contenditable createRange surroundContents

나는 주위를 포장하려는 사업부 :

var newNode = $('<div class=\'selectedFont\' style=\'text-align=center;\'>'); 

내가 제목에, 내가 예를 들어 찾고 있습니다 사용해야하는 방법.

감사합니다.

답변

1

내 관련 질문에 대한 답변이 필요합니다. apply style to range of text with javascript in uiwebview

+0

감사합니다. 내가 당신의 코드를 사용하고 잘 작동합니다. 선택 항목에 이미 적용된 클래스가 있는지 확인하고 applyClassToSelection 대신 removeSpanWithClass onclick을 수행하는 방법이 있습니까? – Mark

+0

당신이 무슨 뜻인지 잘 모르겠습니다. 선택 항목의 각 텍스트 노드에 대한 검사를 추가하여 해당 클래스의 스팬 내에 이미 포함되어 있는지 확인하여 동일한 클래스의 여러 중첩 된 스팬으로 끝나지 않게 할 수 있습니다. 그러나 확실하지 않습니다. 네가 무엇을 요구하는지. 나는 이것을 작업하고 아마도 작은 도서관을 만들 계획이므로 모든 제안을 환영한다. –

+0

예. WYSIWYG 편집기에서 범위를 선택하면 편집기는 이미 다양한 스타일이 적용되었는지 여부를 확인합니다. 따라서 버튼이 스타일 A를 적용하고 선택한 범위에 이미 스타일 A가있는 경우 onclick 버튼은 다시 적용하지 않고 스타일 A를 제거합니다. 도서관이 환상적 일 것입니다, 정말 고마워요. – Mark