我正在尝试使用ckeditor编辑单行文本,因此我不希望用户能够使用回车键。有人知道如何禁用回车键吗?
我尝试了$("#text").keypress(function(event){ alert(event.keyCode); });,但它没有注册成功。谢谢任何帮助。
我尝试了$("#text").keypress(function(event){ alert(event.keyCode); });,但它没有注册成功。谢谢任何帮助。
以下是我的操作步骤。我创建了一个名为“doNothing”的虚拟插件。只需在“plugins”下创建一个名为“doNothing”的文件夹,然后将以下代码粘贴到插件.js文件中。
(function()
{
var doNothingCmd =
{
exec : function( editor )
{
return;
}
};
var pluginName = 'doNothing';
CKEDITOR.plugins.add( pluginName,
{
init : function( editor )
{
editor.addCommand( pluginName, doNothingCmd );
}
});
})();
config.extraPlugins = 'doNothing';
,然后放入。config.keystrokes =
[
[ 13 /*Enter*/, 'doNothing'],
[ CKEDITOR.ALT + 121 /*F10*/, 'toolbarFocus' ],
[ CKEDITOR.ALT + 122 /*F11*/, 'elementsPathFocus' ],
[ CKEDITOR.SHIFT + 121 /*F10*/, 'contextMenu' ],
[ CKEDITOR.CTRL + 90 /*Z*/, 'undo' ],
[ CKEDITOR.CTRL + 89 /*Y*/, 'redo' ],
[ CKEDITOR.CTRL + CKEDITOR.SHIFT + 90 /*Z*/, 'redo' ],
[ CKEDITOR.CTRL + 76 /*L*/, 'link' ],
[ CKEDITOR.CTRL + 66 /*B*/, 'bold' ],
[ CKEDITOR.CTRL + 73 /*I*/, 'italic' ],
[ CKEDITOR.CTRL + 85 /*U*/, 'underline' ],
[ CKEDITOR.ALT + 109 /*-*/, 'toolbarCollapse' ]
];
大功告成!现在回车键已经完全不起作用了。你也可以把“doNothing”赋给任何其他你想禁用的按键,虽然我自己还没有尝试过其他的按键。
CKEditor 4有一个可用于config对象的 blockedKeystrokes
属性。
以下是禁止回车和shift+回车的示例:
CKEDITOR.inline('someEditorElementId', {
blockedKeystrokes: [13, CKEDITOR.SHIFT + 13]
});
keystrokes:
[
[ 13, 'blur'],
[ CKEDITOR.SHIFT + 13, 'blur' ],
[ CKEDITOR.CTRL + 90, 'undo' ],
[ CKEDITOR.CTRL + 89, 'redo' ],
[ CKEDITOR.CTRL + CKEDITOR.SHIFT + 90, 'redo' ],
[ CKEDITOR.CTRL + 66, 'bold' ],
[ CKEDITOR.CTRL + 73, 'italic' ],
[ CKEDITOR.CTRL + 85 , 'underline' ],
[ CKEDITOR.ALT + 109, 'toolbarCollapse' ]
]
我无法让插件或被阻止的按键起作用,所以我通过捕获按键事件来处理这个问题。
注意:受到此评论的启发。
editor.on('key', function(e) {
if (e.data.keyCode === 13 /*enter*/ ||
e.data.keyCode === 2228237 /*shift + enter*/) {
e.cancel();
}
}
这也不是一个优雅的解决方案(正则表达式可能太简单了,但我很幸运,因为我不允许源模式)。如果您从键事件中返回false,它只拒绝密钥将是很好的。
$('#text').ckeditorGet().on('afterCommandExec', function (e) {
var text = $('#text').ckeditorGet().getData();
$('#text').ckeditorGet().setData(text.replace(/<\/*p>/i, ''));
$('#text').ckeditorGet().focus();
});
需要与config.shiftEnterMode结合使用,以CKEDITOR.ENTER_P为例,否则您还需要处理br。聚焦也不完美,因为它会重置光标位置。使用afterCommandExec似乎是在按下回车键后触发的事件,在缺少keyup的情况下(对于类似keyup的东西,请参见{{link1:the onchange plugin}})
你面临的问题之一是ckeditor在编辑部分使用了iframe,而事件(如按键事件)不会像普通元素那样从iframe中冒泡出来。
我解决这个问题的方式是连接到ckeditor的按键事件并取消它的回车操作。就像这样:
CKEDITOR.replace($('#myText')[0], //can't be jQuery obj
{ on: {'key': ckeditorKeyPress} }
);
function ckeditorKeyPress(event){
switch(event.data.keyCode){
case 13: //enter key
event.cancel();
event.stop();
break;
}
//trigger an imitation key event here and it lets you catch the enter key
//outside the ckeditor
}
blockedKeystrokes
在 ckeditor 4.7.3 上对我不起作用,除非我做错了什么。 - Drakkin