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

Posted 2023-04-18

【中文标题】像简单的输入文本一样使用 Ckeditor

【英文标题】：Use Ckeditor like a simple input text

【发布时间】：2012-12-10 07:35:09

【问题描述】：

我需要简单地使用 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 触发器。

【问题讨论】：

使用 ckEditor 进行输入似乎有点矫枉过正。您希望 html 作为字段中的值吗？你不能在需要的时候扩大输入的大小吗？

值不一定是html，我只需要存储简单的文本，但如果这不可能，我可以在保存到数据库之前使用php过滤文本。我知道这是一个奇怪的问题，我可以使用另一个灯光编辑器来实现这种行为，或者只是添加一个输入文本，然后在 jquery 中开发代码来剪切、复制、粘贴......但我正在使用具有多个实例的 CKEDITOR在同一页面中并具有不同的功能。 ;)

【参考方案1】：

删除插件效果很好。但是在下面的新行代码对我有用：

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

【参考方案2】：

我找到了解决办法：

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;
       

);