티스토리 인용 큰따옴표 닫기 오류 수정 방법

티스토리 블로그를 운영하면서 느끼는 여러 가지 편리함 중 하나는 바로 에디터의 사용자 인터페이스입니다. 특히, 기본 모드는 일반 워드프로세서와 유사한 UI를 제공하여 사용하기 매우 쉽습니다. 하지만, 몇 가지 불편한 점이 있습니다. 그중 하나가 인용 기능 중 큰따옴표의 닫기가 없다는 것입니다. 

이 글에서는 CSS 코드를 수정함으로써 인용 시 큰따옴표 닫는 방법을 알려 드리겠습니다. IT에 익숙하지 않은 초심자도 복사, 붙이기 만으로 간단하게 수정이 가능합니다.

 

티스토리 에디터 인용 기능의 문제점

 

티스토리 에디터는 일반 워드프로세서와 유사한 UI를 제공하므로 저와 같은 IT 초심자도 손쉽게 사용할 수 있습니다. 또한, 기본모드 외에 마크다운, HTML 등 다양한 편집 모드를 상황에 쓸 수 있어서 좋습니다.

 

하지만, 몇 가지 불편한 점도 있습니다. 그 중 하나가 인용 기능 중 큰따옴표의 문제입니다.

티스토리 에디터는 글 작성 중 인용을 할 때 문장의 왼쪽에 선을 긋거나 박스로 문장을 둘러싸는 방법이 있습니다. 그리고 큰따옴표를 사용할 수 있습니다.

저는 서평이나 감상문을 작성할 때 큰따옴표를 사용하곤 합니다. 그런데, 티스토리 에디터의 큰 따옴표는 앞부분의 '열기'만 있고  인용이 끝나는 뒷부분의 '닫기'가 없습니다.

때문에, 큰따옴표로 인용을 하면 마치 집을 나서면서 현관문을 열어 놓고 나가는 느낌입니다.

큰따옴표 닫기 추가 방법

 

이런 문제점을 해결하려면 스킨 편집 메뉴로 들어가 CSS를 수정하면 됩니다. 아래의 순서로 하면 어렵지 않게 간단히 할 수 있습니다.

1) 티스토리 블로그의 관리 페이지로 들어 갑니다. 단축키 'Q'를 눌러도 됩니다.

 

스킨 편집 메뉴

 

2) 스킨 편집 페이지의 우측 상단에 있는 html 편집 버튼을 클릭하면, 'html 및 CSS 편집으로 인해 발생하는 문제는 직접 수정하셔야 합니다. 계속 진행하시겠습니까?'라는 경고 창이 뜹니다. 걱정하지 마시고 확인을 눌러서 편집 화면으로 들어가면 됩니다.

html 편집 메뉴

 

 

3) 처음에는 HTML 편집 화면이 나오므로 우측 가운데에 있는 CSS를 클릭하여, CSS 편집 화면으로 들어갑니다.

CSS 편집 메뉴

 

4) 가장 하단으로 이동한 후 제가 첨부하여 놓은 텍스트 파일의 코드를 전부 선택한 후, 아래 그림과 같이 붙여 넣으세요.

인용 큰따옴표 닫기 수정 CSS 코드.txt

0.00MB

 

CSS 코드 수정 화면

 

5) 끝으로, 상단의 적용 버튼을 클릭하면 수정이 완료됩니다.

코드 수정 후 적용

 

이렇게 수정을 마치면 아래와 같이 큰따옴표가 열리고 닫히게 됩니다.

 

CSS 코드 수정을 통해 간단히 큰따옴표 닫기 오류를 해결할 수 있습니다.

 

맺음말

 

단, 이렇게 CSS를 수정하여도 에디터 화면에서는 변화가 없이 나타납니다. 즉, 큰따옴표가 닫히지 않게 보입니다. 그러나, 미리보기 화면이나 실제로 발행된 글을 보시면 정상적으로 큰따옴표 인용 기능이 작동하고 있음을 확인할 수 있습니다.

그러나, 티스토리 모바일 앱에서는 이 방법으로도 여전히 큰따옴표 닫기 오류가 고쳐지지 않습니다. 사실, 모바일 앱을 사용하는 사용자는 많지 않아서 큰 문제는 되지 않습니다만, 유념해서 사용하시기 바랍니다.