Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/haskell/10.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
Javascript 如何获得图像点击Froala编辑器_Javascript_Jquery_Jquery Plugins_Editor_Froala - Fatal编程技术网

Javascript 如何获得图像点击Froala编辑器

Javascript 如何获得图像点击Froala编辑器,javascript,jquery,jquery-plugins,editor,froala,Javascript,Jquery,Jquery Plugins,Editor,Froala,我想获取。在Froala编辑器上单击图像的,创建一个自定义功能,为此我想获取我在Froala编辑器中选择的图像 我为此尝试了几种方法 1.froalaEditor.click函数: 2.自定义jQuery函数 在上述两种情况下,我都获得了除我测试的和之外的所有其他元素,因此是否有任何其他方法可以让我在Froala编辑器中获得图像的点击 A供您检查,任何帮助都将不胜感激。您可以试试这个 var monitor = setInterval(function(){ var iframe_fo

我想获取
。在Froala编辑器上单击图像的
,创建一个自定义功能,为此我想获取我在Froala编辑器中选择的图像

我为此尝试了几种方法

1.froalaEditor.click函数:

2.自定义jQuery函数

在上述两种情况下,我都获得了除我测试的
之外的所有其他元素,因此是否有任何其他方法可以让我在Froala编辑器中获得图像的点击

A供您检查,任何帮助都将不胜感激。

您可以试试这个

var monitor = setInterval(function(){
     var iframe_found = $('iframe').length;
     console.log('iframe_found '+iframe_found);
     if (iframe_found) {
         clearInterval(monitor);
         $('iframe').contents().find("img").click(function(){
           $(this).css('border','2px solid #090');
           console.log('got that!');
         });
      }
   }, 100);
这是你的电话号码

setInterval():用于在页面加载后检查
iframe
是否存在
iframe
只能在页面数据加载后加载&在您的情况下,从编辑器插件加载它可能需要一些时间

$('iframe')。长度:确认是否存在
iframe

clearInterval():用于销毁
setInterval()
,从而避免再次多次检查
iframe

最后,我们找到所需的
img
tag


试试看。。。祝你度过愉快的一天。

有没有人打电话给你“在媒体添加或类似的内容之后。然后,您可以在元素加载到editor@SimonFranzenFroala编辑中没有此类事件。您应该为Froala打开一个问题project@SimonFranzen有一个,但他们说在editorNow外面找一个JS我觉得自己很傻,我尝试了很多其他的方法,但从来没有这样想过,因为我在iframe中获得了除图像之外的所有其他元素。你的回答对我很有效。(太多了。)
$.extend({
    IFRAME: function (s) {
       var $t = $('.campaign-create-sec').find('iframe');
       if (typeof s !== 'undefined') {
             return $t.contents().find(s);
          }
             return $t;
    }
});

$('#froala_editor').on('froalaEditor.initialized', function (e, editor) {
    $.IFRAME('body').on('click', function (e) {
         console.log(e.target);
    });
});
var monitor = setInterval(function(){
     var iframe_found = $('iframe').length;
     console.log('iframe_found '+iframe_found);
     if (iframe_found) {
         clearInterval(monitor);
         $('iframe').contents().find("img").click(function(){
           $(this).css('border','2px solid #090');
           console.log('got that!');
         });
      }
   }, 100);