像简单的输入文本一样使用Ckeditor

时间:2012-12-23 14:44:14

标签: javascript jquery ckeditor textinput

我需要像简单的

一样使用CKEDITOR(http://ckeditor.com/
<input type="text" />

我修改了config.js文件,添加了以下设置:

config.toolbar = 'SimpleVersion';
config.toolbar_SimpleVersion =
    [
        ['Cut','Copy','Paste','PasteText'],
    ];

然后,在主页面中:

editor = CKEDITOR.replace("mydiv", { toolbar : 'SimpleVersion' });
editor.config.height = 50;
editor.config.removePlugins = 'resize';
editor.config.resize_enabled = false;

它可以工作,但是如果可能的话,我需要删除写入“body”的底部,并且每当按下Return按钮时都禁止新行。

我认为对于最后一个,可能会使用JQuery触发器。

2 个答案:

答案 0 :(得分:3)

删除插件很有用。但是在下面的新行中,代码对我有用:

editor.on('key', function(e) {
    var key = e.data.keyCode;      
        if(key==13){
            e.cancel();
        }
    }
);

答案 1 :(得分:1)

我找到了解决方案:

1)当我创建编辑器时,有一个配置选项可以切换编辑器的底部

editor = CKEDITOR.replace("mydiv", { toolbar : 'SimpleVersion', removePlugins : 'elementspath' });

2)禁止返回按钮我在按键上创建了以下触发器:

editor.on('key', function(e) {
   var key = e.data.keyCode;      
       if(key==13){
          return false;
       }
}
);