如何让 bootbox 接受多行代码？答案

【问题标题】：How do I allow bootbox to accept multiple lines of code?如何让 bootbox 接受多行代码？
【发布时间】：2015-03-08 15:06:04
【问题描述】：

此代码有效：

<script type="text/javascript">
bootbox.alert("Hello world!");
</script>

此代码不起作用：

<script type="text/javascript">
bootbox.alert("Hello 
world!");
</script>

如果你要问我为什么像第二个那样需要它，那是因为该值将基于具有多行代码的文本区域，我不知何故需要让 bootbox 运行多行代码。

第二个可以是 textarea 的乘积，Hello 作为第一行，world! 作为第二行。

【问题讨论】：

标签： javascript modal-dialog textarea bootbox

【解决方案1】：

使用简单的正则表达式将您的换行符 \n 转换为 <br>：

伪代码：

 textAreaObjectText.replace(/\n/g, "<br />");

g 标志在此处是必要的，以更改所有匹配项。我们使用String.prototype.replace 将编辑后的文本从文本区域发送到警报功能。

工作示例：

document.querySelector("button").addEventListener("click", function(){
    bootbox.alert(document.querySelector("textArea").value.replace(/\n/g, "<br />"));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="https://github.com/makeusabrew/bootbox/releases/download/v4.4.0/bootbox.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
<textarea>
Hello
World
We're testing
this
alert
</textarea>
<button>open alert</button>

【讨论】：

这真的很有见地，虽然我确实有一个问题，但我尝试用 "" 我只是想知道是否可以做些什么来隐藏
，因为我的主要计划是模态框内的文本区域。
@CarlEren，我迷路了。你想做什么？
这主要是针对一个事件日历功能，如果我点击一个日期，会出现一个带有文本区域和提交按钮的模式，成功将文本输入数据库后，我需要检索它编辑功能。单击带有事件的日期将显示当前文本区域的详细信息以及编辑按钮。单击该编辑按钮将回显一个文本区域的形式，其默认值作为保存在数据库中的那个，但它看起来并不漂亮，因为它上面有
s，如果我让用户使用它，它会迷惑他/她。

【解决方案2】：

和你有同样的问题。我就是这样解决的

#php code
$comment = json_encode($comment);

#js code
var comment = <?= $comment ?>;

$('#clickSomething').click(function(e){
e.preventDefault();
bootbox.dialog({
    title: '<span class="text-success">Bootbox Title</span>',
    message: '<div class="form-group"> ' +
             '<label class="control-label" for="project-description">Comment</label> ' +
            '<textarea id="comment" class="form-control" maxlength="1024" rows="8" placeholder="Optional Comment">' + comment + '</textarea> ' +
            '</div>',

【讨论】：

【解决方案3】：

只需将您的信息与

bootbox.alert({ 

    title: "Guardado",
    message: ` Something
    <br>
    else
    `, 
    callback: function(){ window.location.href = 'lista/mensaje'; 
    }
});

【讨论】：