Jquery 使用外部按钮在froala编辑器中上载图像/视频
我使用的是内联froala editor 2.4.0,由于需要,我在其中隐藏了默认的内联工具栏和快速插入工具栏。我想为图像/视频/文件上载功能分配一个外部按钮。有什么方法可以做到这一点吗?您可以在页面上放置一个隐藏的文件上载按钮,并将其事件绑定到自定义按钮,如这个Jquery 使用外部按钮在froala编辑器中上载图像/视频,jquery,css,froala,Jquery,Css,Froala,我使用的是内联froala editor 2.4.0,由于需要,我在其中隐藏了默认的内联工具栏和快速插入工具栏。我想为图像/视频/文件上载功能分配一个外部按钮。有什么方法可以做到这一点吗?您可以在页面上放置一个隐藏的文件上载按钮,并将其事件绑定到自定义按钮,如这个 $.FroalaEditor.DefineIcon('uploadVideo',{NAME:'file-video-o'}); $.FroalaEditor.RegisterCommand('uploadVideo'{ 标题:“上传视
$.FroalaEditor.DefineIcon('uploadVideo',{NAME:'file-video-o'});
$.FroalaEditor.RegisterCommand('uploadVideo'{
标题:“上传视频文件”,
焦点:错误,
撤销:对,
refreshAfterCallback:false,
回调:函数(e,编辑器){
$('[data cmd=“'+e+'”].fr blink')。最近('.fr-box')。nextAll('textarea:first')。addClass('activeFrbox');
$(“#上传视频”)。单击();
}
});代码>
在此之后,您可以为文件上载创建一个单击事件,并调用您想要的任何内容
$(document).off('change', '#uploadVideo');
$(document).on('change', '#uploadVideo', function () {
if ($(this).val() != '') {
$('#loadingWithBG').show();
setTimeout(function () {
UploadVideoFile();
}, 100);
} else {
$('.activeFrbox').removeClass('activeFrbox');
}
});
这就是我添加和使用外部按钮的方式。您可以在页面上放置一个隐藏的文件上载按钮,并将其事件绑定到自定义按钮,如下所示
$.FroalaEditor.DefineIcon('uploadVideo',{NAME:'file-video-o'});
$.FroalaEditor.RegisterCommand('uploadVideo'{
标题:“上传视频文件”,
焦点:错误,
撤销:对,
refreshAfterCallback:false,
回调:函数(e,编辑器){
$('[data cmd=“'+e+'”].fr blink')。最近('.fr-box')。nextAll('textarea:first')。addClass('activeFrbox');
$(“#上传视频”)。单击();
}
});代码>
在此之后,您可以为文件上载创建一个单击事件,并调用您想要的任何内容
$(document).off('change', '#uploadVideo');
$(document).on('change', '#uploadVideo', function () {
if ($(this).val() != '') {
$('#loadingWithBG').show();
setTimeout(function () {
UploadVideoFile();
}, 100);
} else {
$('.activeFrbox').removeClass('activeFrbox');
}
});
这就是我添加和使用外部按钮的方式。谢谢,我会试试。您好-我一直在尝试,但似乎不起作用。我不知道如何以编程方式选择任何froala工具栏按钮。插入图像的按钮id为“insertImage-1”,我正在尝试$(“#insertImage-1”)。单击()但它不起作用。你知道我错过了什么吗?谢谢。谢谢。我会试试的。你好-我一直在试着这么做,但似乎不起作用。我不知道如何以编程方式选择任何froala工具栏按钮。插入图像的按钮id为“insertImage-1”,我正在尝试$(“#insertImage-1”)。单击()但它不起作用。你知道我错过了什么吗?非常感谢。