0
IFrame의 Highlighitng 텍스트에이 플러그인 https://github.com/mir3z/texthighlighter을 따르고 있습니다. 선택 텍스트에 내가 선택한 {색깔의} 텍스트의 perticular 섹션을 제거하려는 경우 그것은 일어나지 않습니다. 이 플러그인은 라인으로 강조 표시된 텍스트 라인의 제거 제공합니다 ...하지만 난 색을 제거하기 위해 컬러 텍스트의이 섹션의 함수를 호출 할강조 표시된 텍스트를 제거하십시오 Iframe의 SectionWise
(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();}
사람이 ..이 문제 좀 도와.