Проблема с wysiwyg
Добрый день =)
Возникла такая проблема, есть такой код для "wysiwyg редактора", привожу только самую простую часть кода:
<html>
<head>
<title>Визуальный редактор</title>
</head>
<body>
<div style="width:100%;height:350px;" id="wysiwyg_div" contenteditable="true">
<b>Заголовок</b>
<p>Визуальный редактор</p>
</div>
<textarea style="width:100%;height:350px;display:none;" id="wysiwyg_textarea"><b>Заголовок</b><p>Визуальный редактор</p></textarea>
<script type="text/javascript">
function GetSelection() {
var txt = '';
if (txt = window.getSelection)
txt = window.getSelection().toString(); // Not IE, используем метод getSelection
else
txt = document.selection.createRange().text; // IE, используем объект selection
alert(getSelection().baseNode.parentElement)
alert(getSelection().getRangeAt(0).endContainer.parentNode.innerHTML) // получили текст (ссылку) нижнего контейнера
}
</script>
<input type="button" value="Кнопка" onclick="GetSelection()">
</body>
</html>
Вопрос в том как мне получить тег в который завернут выделенный текст (именно тег), а также как обернуть выделенный текст в другой нужный мне тег. |