Я делаю очень простой редактор Rich Text с помощью jquery ... Я не хочу использовать сторонний редактор.
Мне нужно отслеживать события в iframe (тот же домен и т. д.), начиная с ввода. По-видимому, мне придется часто использовать bind ().
Это то, что у меня есть на данный момент, и оно отлично работает в IE8 (что удивительно), но не в Chrome.
<script>
$(function() {
$('#text').contents().bind("keyup keydown keypress", function(e) {
var code = e.keyCode || e.which;
alert(code);
return false;
});
});
</script>
<body>
<iframe id="text" name="text" src="edit.html"></iframe>
</body>
В описанном выше событии нажатия клавиши я также нужно будет получить текущее значение edit.html и обновите текстовое поле этим значением ...
Любая помощь будет ОЧЕНЬ признательна :)
Большое спасибо
EDIT: чтобы объяснить дальше, edit.html - это редактируемый файл, использующий "document.body .contentEditable = true; "
-
РЕДАКТИРОВАТЬ 2:
edit.html =
<script language="javascript">
function InitializeIFrame() {
document.body.contentEditable = true;
}
</script>
<html>
<body onload="InitializeIFrame();">
</body>
</html>