Question

遇到一些麻烦 - 出于某种原因 - 概率。对于一个非常基本的RTE，我需要做什么才能从某种形式的弹出窗口获取图像URL，最好是一个带有输入字段的模态，然后使用execCommand（'InsertImage'）;将图像放入可编辑的div中 - RTE在iframe中使用可编辑的div而不是textarea。

如果不清楚这是“路线”

点击RTE菜单中的“图像”按钮
这会打开一个模态（JQuery）
模式填充了缩略图
用户点击缩略图Click设置隐藏输入字段（JQuery）的值
用户单击提交按钮（在模态上），然后触发execCommand（'InsertImage'）命令。

所以我想我的代码就像:(预先用doc.ready包装等）。

$('#getimagemodal').live('click',function(){
$('#imagemodal').fadeIn('slow').load('imagethumbs.php', function(){
$('.imageclass').live('click',function(){
$('#imageinput').val($(this).attr('src')); 
$('#setimage').live('click',function(){ 
document.getElementById("fraRTE").contentWindow.document.execCommand('InsertImage',true,$('#imageinput').val(); ) 
});  
}); 
});
}

但我不确定，我无法将图像转换为src。建议请谢谢

哦 - 这是以这种方式完成的，因为用户在主服务器上没有预先存在的图像库，因此imagethumbs.php将通过库API加载图像。我发现了“clck动作”，而不仅仅是“插入src”类型的提示。

Answer 1

好的让它像这样工作：

$('#getimagemodal').live('click',function(){
    $('#imagemodal').fadeIn('slow').load('../admin/imagethumbs.php', function(){
        $('.imageclass').live('click',function(){
        $('#imageinput').val($(this).attr('src')); 
            $('#setimage').live('click',function(){ 
                var img = $('#imageinput').val(); 
                $('#imageinput').val(); 
                addImage(img);
                $('#imagemodal').fadeOut('slow').empty();
            return false;
            });
        });  
    }); 
});

JQuery使用execCommand获取图像URL（'InsertImage'，true）;

1 个答案: