Question

我还在研究Dart。我只想将.dart中定义的字符串输出到我的html。我查看http://c.dart-examples.com/learn/variables/strings

上的文档

我知道我需要使用“”“。

当我打印我的查询时，我得到了很好的结果，但是当我用html输出它时，它们是并排的。

它是：

.dart：

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

打印给我的确是我设置到我的var symbole BUT，在我的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中我没有得到与我的dart编辑器中的Print相同的结果，有人可以帮我解决这个问题吗？

Answer 1

我不确定我是否在这里关注你 - 你想要这个吗？

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

我刚添加了断行

正如Matt B所说，print()的输出格式与浏览器上的HTML格式不同。

Answer 2

这是因为HTML不是对空白敏感的。也就是说，解析时不会显示html中的新行。您需要使用换行符<br>，或者需要将其换成预先格式化的<pre>代码

Answer 3

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

Dart中的多行字符串

3 个答案: