ハイライトされたテキストを削除するSectionWise in Iframe

Question

このプラグインの後ろにあるhttps://github.com/mir3z/texthighlighterは、IFrameのHighlighitngです。選択したテキストに、選択した{色のついた}テキストの部分を削除したい場合、それは起こっていません。このプラグインは、線で強調表示されたテキスト行の除去提供しています...しかし、私は、色を除去するために、色付きのテキストのこのセクションのこの関数を呼び出したい

 (function() { 

       var iframe = document.getElementById('iframeDiv'), colors = new ColorPicker(
         document.querySelector('.color-picker')), hltr; 
       var i = 0; 
       highlights = 1; 
       iframe.onload = function() { 
        var hltr = new TextHighlighter(
          iframe.contentDocument.body, 
          { 
           onAfterHighlight : function(range, highlights) { 
            i++; 
            var xColor = $('.selected').css(
              'border-right-color'); 
            highlights[highlights.length - 1].parentNode.innerHTML += '<div class="clored_div'+i+'" style="position: absolute;right: 13px;width: 40px;border-right: 14px solid '+xColor+';height: 40px;background:none;border-bottom: 14px solid transparent;border-top: 10px solid transparent;box-shadow: none;height: 0;margin: 0 auto 20px;width: 0;"><img id="removeHighLight" onClick="removeColor();"; title="<fmt:message key="colorRemove"/>" src="<fmt:message key="images"/>/close_rm.png" alt="Close" style="height: 15px;position: absolute;right: -21px;top: -23px;width: 15px;z-index: 9999;"/></div><div id=section' + i +'></div>' 


            function removeColor(){ 
            $('.clored_div"'+i+'"').remove(); 
            } 

           }, 


        colors.onColorChange(function(color) { 
         hltr.setColor(color); 
        }); 


       }; 
//for the src HTML please keep any HTML under same application and access like this 
       iframe.src = 'http://localhost:8080/html/example.htm'; 
      })(); 

以下のように異なり、それを必要とするにもかかわらず。

function removeColor(){$('.clored_div"'+i+'"').remove();} 

誰もがこの問題で私を助けて、あなたがこの問題のために多くのコードや理解が必要な場合は... を依頼してください事前にありがとうございました。

Answer 1

parent.removeColor（）;

Iframeにはこの関数が宣言されていますが、mainPageで定義されています。