使用键盘功能而不更改编辑文本

Question

我正在使用带有可编辑div和文本输入字段的javascript功能键，用于将文本添加到可编辑的div中，因此我的代码工作正常但最近我添加了CKeditor插件用于编辑文本。

例如，如果我在输入字段键盘功能工作中设置文本并且这些文本设置为可编辑div现在我想在自定义后使用Ckeditor进行自定义，如果我想用输入字段更改文本而不是编辑丢失并返回默认样式。

Javasacript

$('#input1').keyup(function () {
    txt = $('#input1').val();
    $('#field1').text(txt);
});

HTML

<input type="text" id="input1">

<div id="field1" contentEditable='true'; ></div>

Answer 1

尝试使用以下内容：

$(document).on("keydown", "#input1", function() {
    txt = $('#input1').val();
    $('#field1').text(txt);
});

Online example

编辑1：

如果您想确保在更改input时更新了初始div，则应尝试以下操作：

$(document).on("DOMSubtreeModified", "#field1", function() {
   $('#input1').val($('#field1').text()); 
});

尝试点击按钮或通过Firebug修改div's内容，然后查看input的更改方式。

我不会在您的情况下使用keyup，但会根据您的要求进行更改。

Online example