如何更ckeditor编辑器的宽度和高度啊？

2012-02-29 09:30:52 1.2k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

ZBC_killer 墨衍会员 · AI 创作全网分发关注 + 加入社区

ExtJs整合ckeditor文本编辑器 ExtJs整合ckeditor文本编辑器阅读详情

如题，麻烦知道告知下，感激不尽！

...全文

Ckeditor编辑器在JAVA中的使用与配置一、下载ckeditor_3.6.2.zip和ckeditor-java-core-3.5.3.zip两个压缩文件，去http://ckeditor.com/官网上下载。二、解压缩文件ckeditor_3.6.2.zip和ckeditor-java-core-3.5. 阅读详情

ZBC_killer

基础编程 21,889 成员 140,329 内容

+ 关注 + 加入社区

切换为时间正序

ZBC_killer 2012-02-29

打赏
举报

高手，谢谢你，问题解决了！

一起混吧 2012-02-29

打赏
举报

加在里面即可。

CKEDITOR.editorConfig = function( config )

{

     config.width = 700; //宽度

     config.height = 200; //高度    



    // Define changes to default configuration here. For example:

    // config.language = 'fr';

    // config.uiColor = '#AADC6E';

    config.enterMode = CKEDITOR.ENTER_BR; 

    config.shiftEnterMode = CKEDITOR.ENTER_P; 

    CKEDITOR.on( 'instanceReady', function( ev ){

     with (ev.editor.dataProcessor.writer) {

       setRules("p",  {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("h1", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("h2", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("h3", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("h4", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("h5", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("div", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("table", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("tr", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("td", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("iframe", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("li", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("ul", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("ol", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

     }

})

    

};

ZBC_killer 2012-02-29

打赏
举报

我打开config.js，但是里面的代码是这样的



CKEDITOR.editorConfig = function( config )

{

	// Define changes to default configuration here. For example:

	// config.language = 'fr';

	// config.uiColor = '#AADC6E';

	config.enterMode = CKEDITOR.ENTER_BR; 

	config.shiftEnterMode = CKEDITOR.ENTER_P; 

	CKEDITOR.on( 'instanceReady', function( ev ){

     with (ev.editor.dataProcessor.writer) {

       setRules("p",  {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("h1", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("h2", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("h3", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("h4", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("h5", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("div", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("table", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("tr", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("td", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("iframe", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("li", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("ul", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

       setRules("ol", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

     }

})

	

};

没有可以修改的width 和height

一起混吧 2012-02-29

打赏
举报

在config.js里面就能修改：

CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
// config.language = 'fr';
// config.uiColor = '#AADC6E';

config.width = 500; //宽度
config.height = 300; //高度
};

如何更ckeditor编辑器的宽度和高度啊？

相关推荐