在iframe中删除突出显示的文本SectionWise

时间:2016-08-31 06:46:13

标签: javascript jquery

我正在关注此插件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();} 

anyOne帮我解决了这个问题..如果您需要更多代码或了解此问题,请询问 非常感谢你。

1 个答案:

答案 0 :(得分:0)

parent.removeColor();

iframe声明了此函数,但它在mainPage中定义。