Я пытаюсь создать очень смешной редактор wysiwyg. Я много искал, и мне не удалось найти мысли, которые работают, и ответить на то, что мне нужно.
Я нашел чей-то код, который должен добавить теги вокруг выделения, но он не работает для меня. Вы знаете проблему?
Мне действительно нужно выяснить, есть ли какие-нибудь теги, обертывающие текст, и если да, я смогу изменить их, а если нет, я добавлю некоторые теги.
Большое спасибо!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="rtl" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>check</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript">
$("p").live("mouseup",function() {
selection = getSelectedText();
if(selection.length >= 3) {
var spn = '<span style="background-color: yellow;">' + selection + '</span>';
$(this).text($(this).html().replace(selection, spn));
}
});
//Grab selected text
function getSelectedText(){
if(window.getSelection){
return window.getSelection().toString();
}
else if(document.getSelection){
return document.getSelection();
}
else if(document.selection){
return document.selection.createRange().text;
}
}
</script>
</head>
<body>
<p> check check check </p>
</body>
</html>