Html Summernote模态没有填充

我正在为我的Laravel应用程序使用一个名为的包

它利用Summernote进行文本编辑，但是当我想添加链接、图片等时，打开的模式窗口不会在输入周围提供任何填充

我不擅长CSS，我不知道为什么会发生这种情况，或者我能做些什么来解决这个问题

您可以通过Ticketit演示网站查看我面临的问题的示例。您可以使用

admin@example.com

和

演示

，它将带您进入票证创建页面。单击添加链接时，您将看到以下内容：

模态体代码如下所示：

<div class="modal-body">
    <div class="form-group note-group-select-from-files">
        <label>Select from files</label>
        <input class="note-image-input form-control" type="file" name="files" accept="image/*" multiple="multiple">
    </div>
    <div class="form-group" style="overflow:auto;">
        <label>Image URL</label>
        <input class="note-image-url form-control col-md-12" type="text">
    </div>
</div>

从文件中选择
图像URL

如何在表单标签和输入周围提供一些填充，使它们不接触模态窗口的侧面

注意，Summernote输入的CSS目前是通过CDN提供的，因此我无法直接编辑源代码-我希望Summernote的设置可以更改

---

否则，我可以在一个单独的样式表中添加一些自定义CSS。

您需要更改

上的填充。modal body

：

.modal-body {
  padding: 30px;
}

应用该规则将得到以下结果：

---

您需要更改

上的填充。modal body

：

.modal-body {
  padding: 30px;
}

应用该规则将得到以下结果：

---

这很好用。还有一个问题，当你去编辑一张票证时，编辑窗口会在一个模式中打开，并且模式中的summernote编辑器会通过向左推来实现填充技巧，但在向右不起作用。。。有什么想法吗？（点击编辑，然后试着点击链接）不太清楚你的意思，@James。我试过了，它看起来和我上面的截图一模一样。对不起，由于某种原因，它在我这边播放。一切都很好，非常好。还有一个问题，当你去编辑一张票证时，编辑窗口会在一个模式中打开，并且模式中的summernote编辑器会通过向左推来实现填充技巧，但在向右不起作用。。。有什么想法吗？（点击编辑，然后试着点击链接）不太清楚你的意思，@James。我试过了，它看起来和我上面的截图一模一样。对不起，由于某种原因，它在我这边播放。一切顺利。