У меня возникли проблемы с работой mark.js с содержимым iframe из того же источника.
В момент создания нового экземпляра Mark присутствует содержимое iframe, но функция поиска не помечает его содержимое. Вот плункер, где воспроизведена моя проблема. Я считаю, что что-то упускаю и нуждаюсь в вашей помощи. Заранее спасибо!
посетите: https://plnkr.co/edit/kbO60qEPLvZpH9BXhrZd
body {
margin: 15px;
}
div.search span,
div.search input[name="keyword"] {
display: block;
}
div.search input[name="keyword"] {
margin-top: 4px;
}
div.panel {
margin-bottom: 15px;
}
div.panel .panel-body p:last-child {
margin-bottom: 0;
}
mark {
padding: 0;
}
Dummy text not in iframe: Lorem ipsum...
__________________________________
1.html
$(document).ready(function () {
var options = {
"separateWordSearch": false,
"diacritics": false,
"acrossElements": true,
"iframes": true,
//"iframesTimeout": 5000,
"debug": true,
};
var keywordInput = document.querySelector("input[name='keyword']");
function performMark() {
var markInstance = new Mark(document.querySelector(".context"));
var keyword = keywordInput.value;
markInstance.unmark({
done: function () {
markInstance.mark(keyword, options);
}
});
};
keywordInput.addEventListener("input", performMark);
});
Подробнее здесь: https://stackoverflow.com/questions/439 ... ame-origin