0

对此有一些麻烦-出于某种原因-概率。只是我,我需要为一个非常基本的 RTE 做些什么是从某种形式的弹出窗口中获取一个图像 url,最好是一个带有输入字段的模式,然后使用 execCommand('InsertImage'); 将图像放入可编辑的 div - RTE 在 iframe 而非 textarea 中使用可编辑的 div。

如果不清楚这是“路线”

  1. 单击 RTE 菜单中的“图像”按钮
  2. 这将打开一个模式(JQuery)
  3. 模式填充有缩略图
  4. 用户单击缩略图单击设置隐藏输入字段的值(JQuery)
  5. 用户单击提交按钮(在模式上),然后触发 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 action”,而不仅仅是“insert src”类型的提示。

4

1 回答 1

0

好的让它像这样工作:

$('#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;
            });
        });  
    }); 
});
于 2011-03-27T08:38:21.267 回答