재테크 꿀팁/재테크

블로그 글 복붙 꿀팁!   한번에 삭제 - 블로그 운영 꿀팁

직장인 짱구 2022. 1. 23.
반응형

블로그 글 복붙 꿀팁 &nbsp;,<span> 삭제.


안녕하세요? 재테크하는 짱구입니다.
오늘은 블로그 운영할 때 글 복붙 꿀팁에 대해서 알려드리려고 합니다.

보통 블로그 포스팅을 하다 보면 종종 외부에서 글이나 콘텐츠를 복사해서 가져올 때가 있습니다. 그렇게 복사해서 가져온 글을 티스토리에 붙여 넣고 HTML로 작성하고 있는 글을 확인하면 &nbsp;라는 문구가 나오거나 <span>이라는 문구가 포함되어 붙여 넣게 됩니다.

 

&nbsp; 란?

줄 바꿈 없는 공백(non-breaking space, no-break space, 줄여서 NBSP) 또는 단어 잘림 방지 공백, 줄 바꿈 하지 않는 공백은 공백 문자의 한 형태로, 현 위치에서 자동 줄 바꿈(워드랩)을 막는 데 쓰인다. 고정 공백이라고도 한다. - 위키피디아


이렇게 복사해서 붙여 넣은 글에 &nbsp; 들어있으면 페이지 로딩 속도가 느려진다는 소문도 있고, HTML 소를 보면 복붙 한 것이 알게 된다고 합니다. 속도가 실제가 느려지는 부분은 확실하지 않습니다.

다만, HTML 소스를 봤을 때, 많이 지저분해 보이고 찝찝합니다.

지금까지 티스토리 블로그 글을 작성할 때, 보통 메모장이나, word에서 글을 작성하고 티스토리에 가져와서 붙여 넣었는데 없애는 방법을 이제 알아서 많이 아쉽지만, 이제라도 &nbsp; 문구를 없애는 방법을 알게 되어 잘 활용해야겠습니다.

 

반응형

 

지금까지 티스토리 블로그 글을 작성할 때, 보통 메모장이나, word에서 글을 작성하고 티스토리에 가져와서 붙여 넣었는데 없애는 방법을 이제 알아서 많이 아쉽지만, 이제라도 &nbsp; 문구를 없애는 방법을 알게 되어 잘 활용해야겠습니다.


워드에서 복붙 한 글 HTML

티스토리-블로그-꿀팁
티스토리-블로그-꿀팁

 

메모장에서 복붙 한 글 HTML

티스토리-블로그-꿀팁
티스토리-블로그-꿀팁


위 사진처럼 &nbsp;라는 문구가 글 공백 사이에 붙게 되는데 작성하고 있는 티스토리 글에서 복사 붙여 넣기 해도 &nbsp;라는 문구가 붙으니 아마 모든 복사하고 붙여 넣으면 &nbsp;가 붙는 것 같습니다.

이렇게 나오는 &nbsp; 문구를 깔끔하게 없애기 위해서는 아래 사이트에 들어가면 간단하게 해결이 됩니다.
다른 블로그 글에 다른 여러 가지 방법이 나와있던데, 저는 이 방법이 제일 간단하고 편해서 이 방법을 소개해 드리려고 합니다.

https://removelinebreaks.net/

 

Remove Line Breaks

Remove Line Breaks is a online text tool that automatically remove all abnormally inserted line breaks.

removelinebreaks.net

 

티스토리-블로그-꿀팁티스토리-블로그-꿀팁
티스토리-블로그-꿀팁


위 사이트에 접속하시면 이런 화면이 나오는데 하단에 "P Tag"를 선택한 다음 복붙 한 글을 Original Text 상자 박스 안에 넣어 주시면 됩니다. 그렇게 되면 하단에 복사한 글이 P Tag소스로 나오는데 이걸 티스토리 작성하고 있는 글을 HTML로 변경한 다음 넣어주시면 됩니다.

1. Remove Line Breaks 사이트 접속.

2. "P Tag" 선택.

3. Origianl Text 상자에 복사 글 넣기.

4. 하단에 Output Text 복사.

5. 티스토리 글쓰기 버전을 HTML 변경.

6. 복붙

7. 다시 기본 모드로 변경.


이제 끝.


오늘도 읽어주셔서 감사합니다.
행복한 하루 보내세요.

 

 

티스토리 모바일 가독성을 위한 글쓰기 방법

 

티스토리 모바일 가독성을 위한 글쓰기 방법

티스토리 모바일 가독성을 위한 글쓰기 방법. 안녕하세요? 오늘은 티스토리 모바일 가독성을 위한 글쓰기 방법에 대해서 공유드리려고 합니다. 제가 아는 방법은 오늘 공유드리는 한 가지라 다

sitdown-ho.tistory.com

 

반응형

댓글