| 태그 '복사'에 해당되는 글 1건 |
| 글쓰기 textarea에서 본문 복사 할 때 tag를 삭제 하는 방법 |
Tech - https://ohyung.net/804 (YMD: 23/07/27 23:11)
블로그 툴이 태터 툴즈 클래식이라 거의 20년 정도 되었는데 당시에 리치 에디터 적용을 하지 않아서 html 및 태터 툴즈 전용 태그들이 그대로 보인다.

블로그 글을 쓰다가 맞춤법을 지속적으로 수정하면서 글을 쓰고 싶은데 태그들 하나하나 떼기도 귀찮고
엣지의 맞춤법 검사 기능을 켜도 애매하고, 다른 적당한 엣지, 크롬용 맞춤법 플러그인이 없어서 스크립트로 대충 해결.

textarea 글쓰기 부분에서 글을 복사하면 태그들 다 삭제하고 본문의 문장들만 남겨 줌.
이걸 네이버 한글 맞춤법 검사기 띄워 두고 입력하면서 맞춤법 해결.

대충 이런 느낌
태터 전용 태그인 '[##' 나 < 로 시작하는 html tag 들을 삭제함.


대충 알맞게 선택해서 복사하면 스크립트가 태그를 지워줌.


textarea 태그에 id="body" onCopy="onclick_bodyCopy()" 추가


정규식은 예전에는 어려웠는데 이제는 chatgpt에 프롬프트로 이것저것 상황 주고서 알려달라고 하면 잘 알려줌.
결론 - ChatGPT에서 프롬프트 쓰는 법만 잘 숙지하면 정규식 다 안 외워도 된다.

Code Type : JS
function stripTags(str){
    str = str.replace(/(<([^>]+)>)/gi, ""); // 태그 제거
    str = str.replace(/\[\#\#_.*?_\#\#\]/g, ""); // [## ##]태그 제거
    str = str.replace(/\s\s+/g, '\n'); // 연달아 있는 줄바꿈, 공백, 탭을 공백 1개로 줄임
    return str;
}

function getSelectedText(el) {
    if (typeof el.selectionStart == "number") {
        return el.value.slice(el.selectionStart, el.selectionEnd);
    } else if (typeof document.selection != "undefined") {
        var range = document.selection.createRange();
        if (range.parentElement() == el) {
            return range.text;
        }
    }
    return "";
}

function onclick_bodyCopy() {
    const myTextarea = document.getElementById("body");
    window.navigator.clipboard.writeText(stripTags(getSelectedText(myTextarea)));
    myTextarea.focus();
}
| 이 포스트에 대한 이용규약 |
Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시 2.0 라이센스 에 따라 이용하실 수 있습니다.
This work is licensed under a Creative Commons Attribution 2.0 Korea LicenseLink in a new window.

| 이 글과 태그로 연관된 글 |

| 트랙백 |
트랙백 주소 :: https://ohyung.net/rserver.php?mode=tb&sl=804