Ckeditor 编辑和按键事件
我有一个简单的页面,有两个输入文本字段和一个文本区域字段。我一直在为这三个表单字段关联一个按键事件。但现在我已经使用CKEditor将textarea更改为富编辑器。我使用了ckeditor.js、adapters/jquery.js和来自ckeditor的其他相关文件。但是现在与textarea关联的按键事件失败了。这是我正在使用的部分代码Ckeditor 编辑和按键事件,ckeditor,instance,keypress,Ckeditor,Instance,Keypress,我有一个简单的页面,有两个输入文本字段和一个文本区域字段。我一直在为这三个表单字段关联一个按键事件。但现在我已经使用CKEditor将textarea更改为富编辑器。我使用了ckeditor.js、adapters/jquery.js和来自ckeditor的其他相关文件。但是现在与textarea关联的按键事件失败了。这是我正在使用的部分代码 ..... <input type="text" id="sub" name="subject" autocomplete="off"> &l
.....
<input type="text" id="sub" name="subject" autocomplete="off">
<input type="text" id="rec" name="recvr" autocomplete="off">
<textarea cols="90" rows="18" name="body" id="content" > </textarea>
...
。。。。。
...
在我的jquery中,我有以下步骤来创建CKEditor实例并为表单字段关联一个按键事件:
....
if(CKEDITOR.instances['body']){
delete CKEDITOR.instances['body'];
}
CKEDITOR.replace('body');
/*translate letters on key press */
$("input#sub").keypress(function(event){
//alert(this.form);
TranslateOnKeyPress(event, this.form);
});
/*$("textarea#body").keypress(function(event){
// alert(this.form);
TranslateOnKeyPress(event, this.form);
});
*/
CKEDITOR.instances['body'].on('instanceReady', function() {
this.document.on('keypress', function(event){
alert(event + ">> " + this.form + " <<< ");
TranslateOnKeyPress(event, this.form);
});
});
....
。。。。
if(CKEDITOR.instances['body']){
删除CKEDITOR.instances['body'];
}
CKEDITOR.replace(“主体”);
/*在按键上翻译字母*/
$(“输入”)按键(功能(事件){
//警报(本表格);
TranslateOnKeyPress(事件,this.form);
});
/*$(“文本区域#主体”)。按键(功能(事件){
//警报(本表格);
TranslateOnKeyPress(事件,this.form);
});
*/
在('InstanceRady',function()上的CKEDITOR.instances['body'].on{
此.document.on('keypress',函数(事件){
警报(event+“>>”+this.form+“这将为您提供一个jQuery对象,它表示textarea的父窗体
CKEDITOR.instances['body'].on('instanceReady', function (e) {
this.document.on('keypress', function (event) {
var form = $("#" + e.editor.name).closest("form");
TranslateOnKeyPress(event, form[0]);
});
});
(使用CK Editor 4.2进行测试)$(“input#sub”)中的警报返回“[object HTMLFormElement]”。但是答案中的var值返回“[object object object]”。TranslateOnKeyPress函数仍然不起作用。谢谢。表单
变量是一个jQuery对象。您可以使用表单[0]获取html表单DOM元素
我使用“表单[0]”进行了检查,但“TranslateOnKeyPress(事件,表单[0])”仍然无法处理按键事件。我没有任何有关TranslateOnKeyPress
的信息,因此我无法帮到您