javascript - CKEditor 中的 HTML 源太小

Question

我被 CKEditor 困住了。我的 HTML 源代码 View 在一个小文本区域中显示文本，该文本区域超过四行显示滚动区域内的文本，如图像。我做错了什么？

这是我加载的 CKEditor:

            <div class="col-xs-12 col-sm-12">  
              <textarea name="editor1" id="editor1" th:field="*{content}"></textarea>
              <script>
                $(document).ready(function(){
                  CKEDITOR.replace( 'editor1' );
                });
              </script>
            </div>

这是我的 CKEditor 配置:

CKEDITOR.editorConfig = function( config ) {
config.toolbarGroups = [
    { name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
    { name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
    { name: 'editing', groups: [ 'find', 'selection', 'spellchecker', 'editing' ] },
    { name: 'forms', groups: [ 'forms' ] },
    { name: 'links', groups: [ 'links' ] },
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi', 'paragraph' ] },
    '/',
    { name: 'styles', groups: [ 'styles' ] },
    { name: 'colors', groups: [ 'colors' ] },
    { name: 'insert', groups: [ 'insert' ] },
    { name: 'tools', groups: [ 'tools' ] },
    { name: 'others', groups: [ 'others' ] },
];
config.removeButtons = 'Save,Print,NewPage,Templates,PasteFromWord,Replace,Find,SelectAll,Scayt,Form,TextField,Textarea,Select,Button,ImageButton,HiddenField,Radio,Checkbox,RemoveFormat,Indent,Outdent,CreateDiv,BidiLtr,BidiRtl,Unlink,Anchor,Flash,PageBreak,Iframe,BGColor,TextColor,Font,Preview';

};

我错过了什么吗？

提前致谢!

编辑 1:

我已尝试按照下面的说明更改配置，但仍然无法正常工作:(

更具体地说，编辑器的高度是可以的。问题是 HTML 源代码的高度，它显示了一个滚动 :( 添加了新图像，1 是普通 View ，2 是 HTML 源代码按钮 View :

再次感谢!

Answer 1

这不是 CKEditor 问题。这完全是我的错。抱歉给您带来不便。

菜鸟错误，我在主要样式 css 中有这样一行

textarea {
  height:100px  
}

谢谢大家的帮助!