Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 使用外部按钮在froala编辑器中上载图像/视频_Jquery_Css_Froala - Fatal编程技术网

Jquery 使用外部按钮在froala编辑器中上载图像/视频

Jquery 使用外部按钮在froala编辑器中上载图像/视频,jquery,css,froala,Jquery,Css,Froala,我使用的是内联froala editor 2.4.0,由于需要,我在其中隐藏了默认的内联工具栏和快速插入工具栏。我想为图像/视频/文件上载功能分配一个外部按钮。有什么方法可以做到这一点吗?您可以在页面上放置一个隐藏的文件上载按钮,并将其事件绑定到自定义按钮,如这个 $.FroalaEditor.DefineIcon('uploadVideo',{NAME:'file-video-o'}); $.FroalaEditor.RegisterCommand('uploadVideo'{ 标题:“上传视

我使用的是内联froala editor 2.4.0,由于需要,我在其中隐藏了默认的内联工具栏和快速插入工具栏。我想为图像/视频/文件上载功能分配一个外部按钮。有什么方法可以做到这一点吗?

您可以在页面上放置一个隐藏的文件上载按钮,并将其事件绑定到自定义按钮,如这个

$.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”)。单击()但它不起作用。你知道我错过了什么吗?非常感谢。