[오류노트] 티스토리 본문 글자색 안바뀌는 현상 해결 (다크모드)

problem

티스토리 스킨을 바꿧는데 아래 현상처럼 몇 글자는 글자색이 변하지 않는 현상을 발견했다.

---

solution

원인은 다른 웹에서 복사를 하거나 , 메모장 , 기타 등등 에서 복사 붙여넣기 하면 

티스토리 에디터에서 <span> 태그를 자동으로 생성해준다.

또 공백은 &nbsp; 이런 문자가 남는다.

idea 1. 오른쪽 상단 메뉴바에 기본모드를 눌러보면 html 모드가 있다 그것으로 작성을 한다.

이렇게 해결하라는 것을보고 굉장히 아찔했다.

개발자면 자동화 아닌가 .... 알아서 지우게 해보자 열심히 찾은결과...

idea 2. 스크립트를 넣어 자동으로 삭제 하기

// 최상단에 jquery를 추가해주자
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    

		<script type="text/javascript">
            $(document).ready(function() {
                $('h1,h2,h3,h4,p,span').removeAttr('data-ke-size').css('color', '');;
            });
		</script>
		<script>
        	document.addEventListener("DOMContentLoaded", function() {
            
            // Remove &nbsp; and &gt; from HTML content
            
            var allElements = document.querySelectorAll("*");

            for (var i = 0; i < allElements.length; i++) {
                var element = allElements[i];
                var htmlContent = element.innerHTML;

                // Replace &nbsp; with space
                htmlContent = htmlContent.replace(/&nbsp;/g, ' ');

                // Replace &gt; with >
                htmlContent = htmlContent.replace(/&gt;/g, '>');

                element.innerHTML = htmlContent;
            }
        });
        </script>

위 코드를 추가해주면 된다.