세이프 서치 모드
본문
데이터 텍스트 파일 내의 단어와 페이지 내의 단어가 일치하면 페이지 블러처리
<?php
$words = file("data.txt", FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
?>
<script>
document.addEventListener("DOMContentLoaded", function() {
var wordsToBlur = <?php echo json_encode($words); ?>;
function createBlurredElement(originalElement) {
// '세이프 서칭이 적용됐습니다.' 메시지를 추가
var message = document.createElement("div");
message.innerHTML = "세이프 서칭이 적용됐습니다.";
// 완전한 블러 스타일 적용을 위한 spanWrapper 생성
var blurredElement = originalElement.cloneNode(true);
blurredElement.style.position = "relative";
blurredElement.style.overflow = "hidden";
blurredElement.style.filter = "blur(4px)"; // 블러 강도 조절 가능
blurredElement.appendChild(message);
return blurredElement;
}
function applyBlurToElements(element) {
wordsToBlur.forEach(function(word) {
if (element.textContent.includes(word)) {
var blurredEl= createBlurredElement(element);
element.replaceWith(blurredEl);
}
});
for (var i=0; i<element.children.length; i++) {
applyBlurToElements(element.children[i]);
}
}
applyBlurToElements(document.body);
});
</script>
좋아요111
이 글을 좋아요하셨습니다
카테고리 분류 학습 시스템 (총 0개 학습됨)
예측 카테고리:
취업-커리어
(랜덤 - 학습 데이터 없음)
이 분류가 맞나요? 학습시켜주세요!
2kat님의 댓글
🥰