twitter-bootstrap - 使用 bootstrap3-dialog 包通过使用模板字符串在 Bootstrap 对话框中显示消息

Question

我正在使用bootstrap3-dialog 包在 Bootstrap 模式中呈现我的 HTML 内容。

下面是我的 JavaScript 代码

 BootstrapDialog.show({
    closeByBackdrop: false,
    closeByKeyboard: false,
    title: "Edit",
    message: `<div id="showMessage">
                  <div class="row">
                    <div class="col-md-10">
                      <form onsubmit="return false">
                        <div class="form-group row"> <label class="col-md-4 col-form-label" for="LotNoEdit"><span
                              style="color:red">*</span>LotNo</label>
                          <div class="col-md-8"> <input type="text" class="form-control" id="LotNoEdit" disabled /> </div>
                        </div>
                      </form>
                    </div>
                  </div>
                </div>`,
})

但是，当template string用于呈现 HTML 时，它会br在我的 HTML 模板中包含很多内容，如下图所示

有没有办法解决这个问题？

代码链接

标签： twitter-bootstrapbootstrap-dialog