Codemirrorエディタがテキストエリアの内容を読み込んでいません

Question

私が使用しているこのミニウェブアプリケーションにCodeMirrorを適用しようとしています。 2つのテキストエリアがあります。私はより良い可視性のためにCMを追加したいので、私は行くためにいくつかのものを編集することができます。これまでのところ、私はEclipseテーマを適用することができましたが、このツールはもう使用できません。 CodeMirrorがコンテンツをテキストエリアにコピーしていないようです。

Codemirror jsを削除すると、ツールが再び機能します。

ここに私の JSFiddle

HTML

<textarea id="input" rows="10" cols="80"></textarea> 
<textarea id="output" rows="10" cols="80" readonly></textarea> 

JS

$('textarea').each(function(index, elem) { 
    CodeMirror.fromTextArea(elem, { 
    lineWrapping: true, 
    mode: "javascript", 
    theme: "eclipse", 
    lineNumbers: true, 

    }); 

}); 

Answer 1

だ問題には、次のコードでは、正確に、http://dean.edwards.name/packer/bindings.jsであるように私には思える：

"#pack-script": { 
    disabled: false, 

    onclick: function() { 
     try { 
      output.value = ""; 
      if (input.value) { 
       var value = packer.pack(input.value, base62.checked, shrink.checked); 
       output.value = value; 
       message.update(); 
      } 
     } catch (error) { 
      message.error("error packing script", error); 
     } finally { 
      saveScript.disabled = !output.value; 
      decodeScript.disabled = !output.value || !base62.checked; 
     } 
    } 
}, 

CodeMirrorは内部フォーマットを使用し、カスタムスタイルをテキストエリアに適用します。したがって、input.valueなどのテキストエリアの直接的なメソッドは機能しません。 CodeMirrorのメソッドを使用してthis guideに記載されている値を取得/設定するように、それを調整する必要があります。コンテンツ操作方法セクション。

編集1：別に

いくつかの構文エラーを訂正するから、私はthis fiddleで働くことになりました。行わ

変更：それは変数に割り当てることができるように

1. は、editor関数からCodeMirrorオブジェクトを返さ。
2. onclickメソッドを変更しました。 finallyブロックには、私がコメントしたsaveScriptとdecodeScriptへの未定義の参照があります。 CodeMirrorのgetValue()とsetValue()メソッドを使用して値を取得/設定します。

コンソールにはまだエラーがありますが、それが確認されても、パッカーの機能に支障はありません。