2012-07-26 105 views
0

我需要你们对rangy图书馆的帮助。rangy - 如何使用iframe中的内容

如何申请IFRAME选定内容中四肢修长,我不能明白((

这个代码在我的网页创建红色大胆选择与ALL iframe中的内容,但我需要它仅适用于用户选择

var cssApplier; 
$("#ok_button").click(function() 
{ 
    var iframe = document.getElementById("iframe_id"); 
    var iframeDoc = iframe.contentDocument || iframe.contentWindow.document; 
    var range = rangy.createRange(iframeDoc); 
    cssApplier.applyToRange(range); 
}); 


$("iframe#iframe_id").load(function() 
{ 
     rangy.init(); 
    cssApplier = rangy.createCssClassApplier("boldRed", {normalize: true}); 
}); 

回答

2

你需要得到来自iframe的选择方法如下:。

var cssApplier; 
$("#ok_button").click(function() 
{ 
    var iframe = document.getElementById("iframe_id"); 
    var iframeWin = rangy.dom.getIframeWindow(iframe); 
    cssApplier.applyToSelection(iframeWin); 

    // In Rangy 1.3, you can pass the iframe object directly into 
    // applyToSelection so the previous two lines become: 
    // cssApplier.applyToSelection(iframe); 
}); 


$("iframe#iframe_id").load(function() 
{ 
     rangy.init(); 
    cssApplier = rangy.createCssClassApplier("boldRed", {normalize: true}); 
}); 
+0

感谢您的帮助,我可以换的标签我的选择,例如“A”,“格”等我可以添加在索姆我选择的电子标签(例如“p”)有些属性?谢谢你的帮助 – 2012-07-27 08:39:10

+0

@IlyaBazhinov:我真的不明白你在做什么。您可以设置元素标记名称以在传递给'createCssClassApplier()'的选项对象中使用,但我不确定您对属性的含义,对不起。 – 2012-07-29 17:42:52

+0

对不起,我的英语不好,请...'cssApplier = rangy.createCssClassApplier(“”,{elementTagName:“a”,elementProperties:{href:url,target:“_blank”}}); cssApplier.applyToSelection(iframeWin);'这个结构创建一个标签围绕我的文本选择属性target = _blank,但不适用于选择内的img。我可以用我的A标签包装IMG吗? – 2012-07-30 10:39:29