CKEditor中的HTML源太小了

时间:2015-11-27 12:07:46

标签: javascript css ckeditor

我被CKEditor困扰了。我的HTML源视图在一个小文本区域中显示文本,其中有四行以上的行显示滚动区域内的文本,如图像。我做错了什么?

enter image description here

这是我的加载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';

这是我的CKEditor配置:

{{html}}

};

AM我错过了什么?

提前致谢!

编辑1:

我试图按照下面的说法更改配置,但仍无法正常工作:(

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

再次感谢! Error more clear

2 个答案:

答案 0 :(得分:1)

这不是一个CKEditor问题。这完全是我的坏事。很抱歉给你带来了不便。

Noob错误,我在主要样式css中有这样一行

textarea {
  height:100px  
}

感谢大家的帮助!

答案 1 :(得分:0)

Ckeditor有不同的模式:基本模式,标准模式和完整模式; 你应该改变

 { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },

 { name: 'standardstyles', groups: [ 'standardstyles', 'cleanup' ] },