[CKEditor] Enter vs Shift+Enter 누르면 <br> vs <p> 생각봅니다. 정보
[CKEditor] Enter vs Shift+Enter 누르면 <br> vs <p> 생각봅니다.
본문
첫번째줄
두번째줄
세번째줄 여기까지는 기냥 엔터
이제 Shift+Enter
를 쳤습니다. 소스 보기를 해봅니다.
이것을 그림으로 첨부해보겠습니다.
기냥 Enter 와 Shift+Enter 의 차이점이 느껴지지 않습니다.
소슬 보기를 하면 분명 <p>와 <br> 다른지만 ... 에디터에서는 알수가 없습니다.
아래는 제가 사용하는 ckeditor 4.7 입니다.
엔터를 치면 <p> 가 아닌 <br> 이 작동하도록 하였습니다.
에디터에도 문단나눔 <p> 를 입력한 것이 한눈에 들어옵니다.
소스보기입니다. 코드 앞에 <p> 가 생긴이유는 중간에 Shift+Enter 를 사용했기 때문입니다.
Shift+Enter 를 한번도 사용 안하면 <p> 테그가 하나도 삽입되지 않습니다.
일반 사람들은 Shift+Enter 사용방법을 모릅니다.
기냥 Enter를 입력해서 사용할 뿐이죠. 엔터 두번 처서 한줄이 떨어져 보이면 그것으로 되는거죠
불필요하게 너저분한 style을 추가할 필요가 없습니다.
smarteditor 를 싫어하는 이유가 저렇게 요상한 style 을 강제로 넣기 때문입니다.
SmartEditor 에서 그렇게 했었으니까 Ckeditor 도 그렇게 하는게 맞는것은 아니라고 생각합니다.
ckeiditor 작업에 이점 적극적인 검토 부탁드립니다.
config.js 파일에 아래 2줄만 추가하면 해결이 가능합니다.
config.enterMode = CKEDITOR.ENTER_BR;
config.shiftEnterMode = CKEDITOR.ENTER_P;
기타 설정은 http://www.happyjung.com/lecture/1110?sca=Editor 에 정리된것이 있습니다.
0
댓글 2개
대부분의 에디터에서 ENTER 는 P 로 SHIFT+ENTER 는 BR 로 생성하고 있었습니다.
다만 P 태그의 행간이 BR 보다는 길어야 하는데 여기서는 BR 과 같은 행간으로 처리하고 있습니다.
테스트 중인 에디터에서 이와 관련 특별히 문제가 보이지는 않아 이 부분은 당분간 그대로 가는 것으로 하겠습니다.
좋은 의견 감사 드립니다.
이것에 대한 더이상의 문제제기는 하지 않겠습니다.