1

私は、編集可能な div とテキスト入力フィールドで javascript 関数 keyup を使用して、テキストを編集可能な div に追加するために使用しているため、コードは正常に動作しますが、最近、テキストを編集するための CKeditor プラグインを追加しています。

たとえば、入力フィールドのキーアップ機能でテキストを設定し、これらのテキストを編集可能な div に設定した場合、カスタマイズ後のカスタマイズに Ckeditor を使用したい場合は、編集が失われてデフォルトのスタイルに戻るよりも入力フィールドでテキストを変更したい場合です。

Javaスクリプト 

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

HTML

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

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

1 に答える 1

0

以下を使用してみてください。

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

オンライン例

編集1：

inputの変更時にイニシャルも更新されることを確認したい場合divは、次のことを試してください。

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

div'sたとえば、ボタンをクリックするか、Firebug を介してコンテンツを変更してみて、どのようinputに変更されるかを確認してください。

あなたの場合は使用しませんkeyupが、リクエストに応じて変更しました。

オンライン例

于 2013-11-03T20:58:36.520 に答える