31

codemirror textareaをtext-areaのようにサイズ変更可能にする方法を知っている人はいますか？

コードミラーのテキストエリアのサイズを変更するには、下から下のグラバーコーナーをドラッグします。

html div（ text-areaのようにサイズ変更可能なdivを参照）が可能であることは知っていますが、コードミラーで同じことを実現することはできませんでした。

4

7 に答える 7

30

一部のグーグルは、CodeMirror ではサポートされていないことを示唆していますが、jQuery UIで実現できます。

var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
  lineNumbers: true,
});
$('.CodeMirror').resizable({
  resize: function() {
    editor.setSize($(this).width(), $(this).height());
  }
});
于 2012-12-20T20:00:44.347 に答える
1 
.CodeMirror__wrapper {
    resize: both;
    overflow: auto !important;
}

に追加しようとしresizeまし.CodeMirrorたが、うまくいきませんでした。ただし、ラッパーにサイズ変更を追加するとうまくいきました。

于 2019-09-18T11:56:38.533 に答える
-4

何を試しましたか？

CodeMirror の開発スナップショットをhttp://codemirror.net/からダウンロードしました。

demo ディレクトリから complete.html を実行すると、(私の Chrome ブラウザーで) サイズ変更可能なテキスト領域が表示されます。実際、少なくとも他のいくつかのデモには、サイズ変更可能なテキストエリアもあります。

これで質問の答えが得られない場合は、試したこととうまくいかないことについて、より具体的な情報で更新してください。

于 2012-12-20T19:27:11.003 に答える