Summernote，设置编辑器宽高答案

【问题标题】：Summernote, set editor width and heightSummernote，设置编辑器宽高
【发布时间】：2018-02-16 13:54:14
【问题描述】：

我似乎无法将编辑器设置为具有固定的宽度和高度。我的代码是

$('#myEditor').summernote({
    height: 20,
    width: 320,
    disableResizeEditor: true,
    airMode: true,
    popover: {
        air: [
            // [groupName, [list of button]]
            ['style', ['bold', 'italic', 'underline', 'clear']],
            ['font', ['strikethrough', 'superscript', 'subscript']],
            ['insert', ['link']]
        ],
        link: [
            ['link', ['linkDialogShow', 'unlink']]
        ]
    },
    callbacks: {
        onEnter: function (e) {
            e.preventDefault();
        },
        onPaste: function (e) {
            var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
            e.preventDefault();
            document.execCommand('insertText', false, bufferText.replace(/\n/g, ''));
        }
    }
});

编辑器宽度不是使用上面的配置设置的。请注意，我也在使用 Bootstrap，如果这有所作为（我看到了一些关于此的问题）。一旦我输入更多文本，编辑器就会增长。基本上我希望该字段的行为类似于输入文本字段。有没有办法在配置中设置宽度和高度？我必须尝试自己设置 DOM 属性吗？

【问题讨论】：

标签： summernote

【解决方案1】：

你可以在里面插入

<textarea id="summernote">
    Place <em>some</em> <u>text</u> <strong>here</strong>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
</textarea>

【讨论】：