如何将 onClick 侦听器添加到 CKEditor 中的 fileButton？

发布于 2024-09-06 07:39:18 字数 512 浏览 2 评论 0 原文

我正在使用图像上传器插件，并且有一个像这样的按钮定义：

{
    type : 'fileButton',
    id : 'uploadButton',
    filebrowser : 'info:txtUrl',
    label : editor.lang.image.btnUpload,
    'for' : [ 'Upload', 'upload' ],
    onClick : function() {alert('hey')}
}

我尝试将要在其他地方调用的函数定义为命名函数，但没有成功。我也无法向其他元素添加 onClick 侦听器，但添加了 buttonDefinition 类这里明确表示您应该能够向按钮添加一个。

原文

I'm working in the image uploader plugin, and have a button definition like this:

{
    type : 'fileButton',
    id : 'uploadButton',
    filebrowser : 'info:txtUrl',
    label : editor.lang.image.btnUpload,
    'for' : [ 'Upload', 'upload' ],
    onClick : function() {alert('hey')}
}

I have tried defining the function to be called elsewhere as a named function, with no luck. I also haven't been able to add an onClick listener to other elements, but the buttonDefinition class here specifically says you should be able to add one to a button.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

神魇的王 2024-09-13 07:39:18

你有没有尝试过：

document.getElementById('uploadButton').onclick = function() {
    alert('Hey!');
}

Have you tried:

document.getElementById('uploadButton').onclick = function() {
    alert('Hey!');
}

回复收藏 0 原文

累赘 2024-09-13 07:39:18

这是 javascript 中的 FileButton 类

function FileButton(){
   this.type = 'fileButton';
   this.id ='uploadButton';
   this.filebrowser = 'info:txtUrl';
   this.label = "editor.lang.image.btnUpload";
   this.forr = [ 'Upload', 'upload' ];
}

FileButton.prototype.onClick = function() {alert('hey')}

或者如果您有 json 对象并想要包装成 javascript 类对象，请定义 FileButton 类并使用 jquery：

function FileButton(){
   this.type = 'fileButton';
   this.id ='uploadButton';
   this.filebrowser = 'info:txtUrl';
   this.label = "editor.lang.image.btnUpload";
   this.forr = [ 'Upload', 'upload' ];
}

FileButton.prototype.onClick = function() {alert('hey')};

var a = $.extend(new FileButton(), {
          type : 'fileButton',
          id : 'uploadButton',
          filebrowser : 'info:txtUrl',
          label : "editor.lang.image.btnUpload",
          forr : [ 'Upload', 'upload' ],
          onClick : function() {alert('hey')}
        });

console.log(a);
a.onClick();

JsFiddle.net 链接

This is the class of FileButton in javascript

function FileButton(){
   this.type = 'fileButton';
   this.id ='uploadButton';
   this.filebrowser = 'info:txtUrl';
   this.label = "editor.lang.image.btnUpload";
   this.forr = [ 'Upload', 'upload' ];
}

FileButton.prototype.onClick = function() {alert('hey')}

Or if you have json object and want to wrap into javascript class object, define FileButton class and use jquery:

function FileButton(){
   this.type = 'fileButton';
   this.id ='uploadButton';
   this.filebrowser = 'info:txtUrl';
   this.label = "editor.lang.image.btnUpload";
   this.forr = [ 'Upload', 'upload' ];
}

FileButton.prototype.onClick = function() {alert('hey')};

var a = $.extend(new FileButton(), {
          type : 'fileButton',
          id : 'uploadButton',
          filebrowser : 'info:txtUrl',
          label : "editor.lang.image.btnUpload",
          forr : [ 'Upload', 'upload' ],
          onClick : function() {alert('hey')}
        });

console.log(a);
a.onClick();

JsFiddle.net link

回复收藏 0 原文

~没有更多了~