Question

我遇到的问题表面看起来非常容易/令人尴尬，但此刻我很茫然。

这些功能涉及很多背景故事，但我会尽量保持简洁。我正在尝试为格式化原因插入一个回车符/换行符，但它们没有工作，我显然在沮丧中忽略了一些东西。

使用一些用户输入的信息来帮助创建应用程序，我有这个功能：

    function insertStaticData(group, title, subtitle, description, content, backgroundImage) {

    var newItem = { group: group, title: title, subtitle: subtitle, description: description, content: content, backgroundImage: backgroundImage };

    list.push(newItem);
}

由此用户输入不同的信息。很容易。最初，格式在内容部分中非常难看，因为用户可以键入段落。由于我现在正在测试，我重新格式化了他们的文本：

insertStaticData(dataGroups[0], "Administration", "", "",
        "Person's Name \n"
        + "Principal \n"
        + "email@address.com \n\n"
        + "Another Name \n"
        + "Secretary\n"
        + "another.email@address.com", "http://www.imageurls/cf/images/map/map_right.gif");

如图所示，用户没有输入字幕或描述。哪个好。但是，当我通过Visual Studio将其作为Windows 8应用程序进行调试时，无法识别行返回。我敢肯定我真的很蠢，但是给出了什么？希望这不会太混乱。

Answer 1

正如bfavaretto已经评论过的，如果是html，则需要使用<br />。

更好的是，将每一行包装在<p>标记中，以便在不想更改代码的情况下修改外观时可以应用CSS规则：

insertStaticData(dataGroups[0], "Administration", "", "",
    "<p>Person's Name</p>" +
    "<p>Principal</p>" + //etc.

您可以创建一个wrap元素来分隔这样的规则：

insertStaticData(dataGroups[0], "Administration", "", "",
    "<div class='myClass'>" +
    "<p>Person's Name</p>" +
    //etc...
    + "</div>"

然后在CSS中：

.myClass { /* wrapper */ }
.myClass > p { /* per line */ }

Javascript行/回车不起作用

1 个答案: