27

私はまだダートに取り組んでいます。.dartで定義された文字列をhtmlに出力したいだけです。https://sites.google.com/site/dartlangexamples/learn/variables/stringsのドキュメントを調べます

「」を使用する必要があることを理解しています。

クエリを印刷すると良い結果が得られましたが、htmlで出力すると左右に並んでいます。

そこにそれがある：

.dart：

    var symbole = """
      *          
      *** 
    *****  
  ******* 
*********""";
  var element03 = query('#exercice03');
  element03.innerHTML = symbole;
  print(symbole); 
}

Printは、var symboleに設定したものを正確に示しますが、HTMLでは次のようになります。

My html is :

<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <title>HelloWorld</title>
    <link rel="stylesheet" href="HelloWorld.css">
  </head>
  <body>
    <div id="container">
      
      <p class="question">Exercice : Pritn the * : <span id="exercice03"></span></p>
    </div>
  
    <script type="application/dart" src="web/HelloWorld.dart"></script>
    <script src="https://dart.googlecode.com/svn/branches/bleeding_edge/dart/client/dart.js"></script>
  </body>
</html>

出力HTMLでダートエディターの印刷と同じ結果が得られない理由がわかりません。誰かがこれを理解するのを手伝ってくれるでしょうか。

4

2 に答える 2

30

私がここであなたをフォローしているかどうかはわかりません-これが欲しいですか？

    var symbole = """
      *<br />
      ***<br />
    *****<br />
  *******<br />
*********<br />""";
var element03 = query('#exercice03');
element03.innerHTML = symbole;

ブレークラインを追加しました

したがって、Matt Bが言ったように、の出力はprint()ブラウザ上のHTMLとは異なる形式になっています。

于 2012-10-28T10:52:36.203 に答える
3

これは、HTMLが空白に依存しないためです。つまり、解析時にhtmlの新しい行は表示されません。改行を使用するか、事前にフォーマットされたタグ<br>でラップする必要があります<pre>

于 2012-10-28T01:49:44.843 に答える