티스토리 뷰

CKEditor를 내용 입력부분에 적용한 CMS 툴에서
어느날 내부 클라이언트 한명이
한컴 한글에서 붙여넣기 하면
글자 크기가 달라진다는 문제를 들고 왔다.

일단 한글의 환경설정에서
복사&붙여넣기시 텍스트 형식으로 붙여넣기 옵션을 체크하도록 했으나
해당 문제는 여전했다.

UX를 확인하려고 직접 입력 과정등을 시연해달라 했고
문제점을 파악 할 수 있었다.

문제는 결론적으로 크롬 Webkit 버그 때문이었는데

한컴 한글에서 작성한 텍스트 전체를 복사 하고
CKEditor 에 붙여넣기 까지는 아무 문제 없다.

CKEditor 상에서 문장의 윗부분에
필요없는 라인 제거를 위해 DEL 키나 Backspace 키를 누르는 순간

<p>&nbsp;</p>(이 앞의 P 태그 제거하기 위해 Backspace 누름)<p>문장<p>

<p><span style="font-size: 13px; line-height: 1.6em">문장</span><p>

위와같이 쓸데없는 <span> 태그가 생성된다.


해결방법은 http://dev.ckeditor.com/ticket/9998#comment:29
에서 제시한대로

CKEditor 설치 디렉토리/content.css 파일을 텍스트 편집기로 열고

.cke_editable
{
font-size: 13px;
line-height: 1.6em;
}

제거 또는 주석처리!

댓글