티스토리 인용구 따옴표 닫기

티스토리 인용구 중에 큰따옴표 못 닫나요? 여는 건 있는데 닫는 건 없어요.ㅠㅠ

티스토리 인용구 따옴표 닫기

티스토리는 기본적으로 인용구 넣기 기능을 제공합니다. 에디터의 따옴표 버튼을 클릭하면 인용구 서식들이 나옵니다. 그중 큰따옴표 아이콘을 클릭하면 본문에 인용문이 삽입됩니다. 그러나, 인용구 끝의 따옴표가 제대로 닫혀있지 않아 뭔가 어색한 느낌입니다.

이것을 수정하기 위해 정보를 찾아보던 중 네이버의 인용구 서식이 잘 구성되어 있어 티스토리에도 적용할 수 있을까 싶어 티스토리에 직접 적용해보았습니다. 결국 방법을 찾았고 다른 티스토리 유저들에게 공유해 보고자 합니다.

구현 방법

1. CSS 수정에 다음 코드를 붙여 넣기만 하면 됩니다.
   

   #tt-body-page blockquote[data-ke-style='style1'] {
       position: relative;
       margin: auto;
       box-sizing: border-box;
       padding: 34px 0!important;
       background: none!important;
   }
   #tt-body-page blockquote[data-ke-style='style1']:before{
       width: 21px;
       height: 16px;
       background-position: -159px -367px;
       top: 0;
   }
   #tt-body-page blockquote[data-ke-style='style1']:after{
       width: 21px;
       height: 16px;
       background-position: -113px -367px;
       bottom: 0;
   }
   #tt-body-page blockquote[data-ke-style='style1']:after, 
   #tt-body-page blockquote[data-ke-style='style1']:before {
       content: "";
       position: absolute;
       right: 0;
       left: 0;
       margin: auto;
       background-image: url(//editor-static.pstatic.net/v/basic/1.24.0/img/se-sp-viewer.5346d9f1.png);
       background-repeat: no-repeat;
       background-size: 422px 405px;
   }

   

2. [적용] 버튼을 클릭하여 저장합니다.
3. 이제 따옴표 인용구를 선택하면 인용문 끝에 따옴표가 닫힙니다.
4. 미리보기 버튼을 눌러 확인하세요.

이미지 파일이라 원하는 색상을 선택할 수 없는 것이 아쉽네요.

즐거운 하루 보내세요. 감사합니다.