2012-07-26 63 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