[ 자동 태그 삭제 ] 문서 작성시 자동으로 불필요한 태그 삭제 및 변경

자동 태그 삭제 변경

[ 자동 태그 삭제 ] 변경하는 스크립트는 블로그 글 작성 시 글 사이에 삽입된 불필요한 태그를 자동으로 정리하여 코드를 깔끔하게 만들어줍니다.

이는 불필요한 태그가 문제가 될 수도 있다는 전제에서 작성했으며, CSS 스타일도 변경된 코드에 적용하여 기존과 동일한 효과를 유지할 수 있습니다.

블로그 글 작성히 글 사이에 들어가는 태그를 깔끔하게 정리해주는 간단한 스크립트입니다.

이 태그들이 글에 전혀 문제가 되지 않을수도 있으며 영향을 줄수도 있습니다. 그러나 한가지 분명한것은 없는것이 있는것 보다 긍정적이지 않을가 생각합니다.

가능하면 문제의 소지가 발생할수 있는 불필요한 태그는 있는것 보다는 없는게 더 긍정적이라고 개인적으로 생각합니다.

매번 글을 작성하면서 이런 불필요한 태그를 정리하기 힘들 경우 자동으로 태그를 변경해주면 좀더 깔끔한 코드가 될거 같아 올려드립니다.

아래 코드는 자동으로 삽입되는 태그를 가장 기본적인 태그로 변경해줍니다.

자동 태그 정리기

블로그 글을 작성할 때, 글 사이에 삽입되는 불필요한 태그는 코드의 가독성을 떨어뜨리고 유지 보수를 어렵게 만듭니다.

이러한 불필요한 태그가 존재할 경우, CSS 스타일이 예상치 못한 방식으로 적용될 수 있어 블로그의 전반적인 품질에 영향을 줄 수 있습니다.

코드 편집의 번거로움

매번 블로그 글을 작성하면서 불필요한 태그를 수동으로 정리하는 것은 많은 시간과 노력을 소모합니다. 개인적으로 코드 편집기를 사용해 이러한 작업을 처리하고 있지만, 매번 반복되는 과정이 귀찮습니다.

이러한 문제를 해결하기 위해 자동 태그 삭제 스크립트를 도입하면, 블로그 운영이 훨씬 수월해질 것입니다.

<p data-ke-size="size16">&nbsp;</p>
<p data-ke-size="size16">블로그 글 작성히&nbsp; 글 사이에 들어가는 태그를 깔끔하게 정리해주는 간단한 스크립트입니다. 이 태그들이 글에 전혀 문제가 되지 않을수도 있으며 영향을 줄수도 있습니다. 그러나 한가지 분명한것은 없는것이 있는것 보다 긍정적이지 않을가 생각합니다.&nbsp; AI 가 이제는 정보를 검색하는 시대에서 가능하면 문제의 소지가 발생할수 있는 불필요한 태그는 있는것 보다는 없는게 더 긍정적이라고 개인적으로 생각합니다.</p>
<p data-ke-size="size16">&nbsp;</p>
<p data-ke-size="size16">매번 글을 작성하면서 이런 불필요한 태그를 정리하기 힘들 경우 자동으로&nbsp; 태그를 변경해주면 좀더 깔끔한 코드가 될거 같아&nbsp; 올려드립니다. 아래 코드는 자동으로 삽입되는 태그를 가장 기본적인 태그로 변경해줍니다.</p>
<p data-ke-size="size16">&nbsp;</p>
<p data-ke-size="size16">&nbsp;</p>
<blockquote data-ke-style="style3">&amp;nbsp;는&nbsp; 삭제&nbsp; &lt;p data-ke-size="size16"&gt; 는&lt;P&gt; 변경</blockquote>

&nbsp;는 삭제 <p data-ke-size="size16"> 는<P> 변경

CSS 적용 방법

스크립트로 태그를 변경한 후, 기존의 CSS 스타일이 적용되지 않을 수 있습니다. 이를 방지하기 위해 변경된 코드에 기존 CSS를 그대로 적용할 수 있는 추가적인 CSS 코드를 작성해야 합니다.

아래는 기본 설정 CSS의 예시입니다.

#article-view p+p, #article-view p {
    line-height: 1.7em;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0.045em;
    color: #222;
    font-family: 'Noto Sans KR', sans-serif;
}

스크립트

이 스크립트는 블로그 글 작성 시 자동으로 불필요한 태그를 감지하고 삭제하거나 수정하여, 더욱 깔끔한 코드를 생성합니다.

아래의 예시 코드를 통해 불필요한 태그를 가장 기본적인 형태로 변경할 수 있습니다.

<script>
document.addEventListener('DOMContentLoaded', function() {
    var paragraphs = document.querySelectorAll('.tt_article_useless_p_margin.contents_style p[data-ke-size="size16"]');
    
    paragraphs.forEach(function(paragraph) {
        if (paragraph.innerHTML === '&nbsp;') {
            var brElement = document.createElement('br');
            paragraph.innerHTML = '';
            paragraph.appendChild(brElement);
        }
    });

    var allParagraphs = document.querySelectorAll('.tt_article_useless_p_margin.contents_style p');
    allParagraphs.forEach(function(paragraph) {
        paragraph.innerHTML = paragraph.innerHTML.replace(/&nbsp;/g, '');
    });
});

$(document).ready(function() {
    $('.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content p').removeAttr('data-ke-size');
});
</script>

불필요한 태그를 정리하는방법으로 블로그 글 작성 과정에서의 효율성을 높일 수 있습니다. 자동 태그 삭제 변경 스크립트를 활용하여 코드의 깔끔함을 유지해보세요. 이 코드는 단지 코드를 보기 좋게 정리하는 역할만 합니다. 최적화를 위해서는 코드 정리기를 사용하세요

코드 정리기