10

一定量のテキストを超えてコードミラーの最大幅に達すると、スクロールバーを作成してさらに外に出るのではなく、新しい行に移動するようにしようとしています。

例をチェックしてください！ http://codeeplus.net/test.php

CSS:

<style>
  .CodeMirror { height: 400px; width: 500px; border: 1px solid #ddd; }
  .CodeMirror-scroll { max-height: 400px; width:500px; }
  .CodeMirror pre { display:inline-block; padding-left: 7px; line-height: 1.25; }
  #drawing { border: 1px solid #555555; float:left; display:inline-block; width:480px; height: 380px; }
</style>

テキストエリア:

<textarea align="left" style="display:inline-block;" id=demotext name="textarea">

JS:

  <script>
    var editor = CodeMirror.fromTextArea(document.getElementById("demotext"), {
      lineNumbers: true,
      lineWrapping: true,
      mode: "text/html",
      matchBrackets: true
    });
  </script>
4

2 に答える 2

4

CSS3 では、word-wrap プロパティが追加されました。word-wrap: break-word; を使用します。

空白がある場所に新しい行が作成されることに注意してください。文字列にスペースが含まれていない場合、意図したとおりに機能せず、プログラムで行う必要があります

于 2013-11-03T19:22:40.527 に答える