ckeditor 붙여넣기 문제
CMS/프레임워크 | Rhymix 1.9 |
---|---|
개발 언어 | PHP 7.2 |
ckeditor 에 메모장 내용을 붙여넣기하는데 엔터처리를 안하고 붙여넣어집니다, 해결방법이 무엇일까요?
안녕하세요.
안녕하세요.
안녕하세요.
메모장에 이런 내용이 있다면 ckeditor 에 붙여넣기를 하면
안녕하세요.
안녕하세요.
안녕하세요.
이런식으로 붙여넣기가 되네요.
이건 해결방안이 없을까요?
CMS/프레임워크 | Rhymix 1.9 |
---|---|
개발 언어 | PHP 7.2 |
ckeditor 에 메모장 내용을 붙여넣기하는데 엔터처리를 안하고 붙여넣어집니다, 해결방법이 무엇일까요?
안녕하세요.
안녕하세요.
안녕하세요.
메모장에 이런 내용이 있다면 ckeditor 에 붙여넣기를 하면
안녕하세요.
안녕하세요.
안녕하세요.
이런식으로 붙여넣기가 되네요.
이건 해결방안이 없을까요?
댓글 23
CK에디터는 중간에 한 줄 띄우면 <p> 태그를 사용하여 문단을 바꾼 것으로 인식합니다.
띄우지 않고 그냥 엔터만 친 것을 붙여넣으면 <br> 태그로 인식하고요.
에디터 모듈에서 문단 간격이 0으로 설정되어 있어서 붙는 것 아닐까요?
이 글을 통해 해결했습니다, 감사합니다.
enterMode를 BR로 바꾸시면 여러 서드파티 모듈에서 문제가 일어날 수 있습니다.
문단간격이 0으로 설정되어서 붙는거보단
이게 몇이 되어도 결국은 작성 후 보이는 결과는 본문과 같아서요.
메모장에서 적은 엔터처리를 에디터부분에 붙여넣기를 하면 엔터처리를 자동으로 안해서 문제에요..
이게 ckeditor 자체에서 그런데
여기 xetown도 메모장에 엔터처리를 그대로 못가져오더군요..
무엇이 문제인지는 저 글을 통해서 대충 <p> 가 아니라 <br>로 되야하는건 알겠는데..ㅠ
메모장메모장메모장
메모장메모장메모장
메모장메모장메모장
메모장메모장메모장
메모장메모장메모장
위의 댓글에서 처음 세 줄은 메모장에서 한 번씩만 엔터를 친 것이고
나머지 두 줄은 중간에 엔터를 두 번씩 쳐서 한 줄씩 빈 줄을 남겨놓았던 것입니다.
XE타운은 문단 간격(<p> 태그의 margin)이 0으로 설정되어 있기 때문에 차이가 느껴지지 않겠지만,
처음 세 줄은 <br>로 구분되어 있고, 나머지 두 줄은 <p>로 구분되어 있습니다.
문제가 아니라 정상입니다. 요즘 에디터들은 엔터 처리를 <br>로만 하지 않습니다.
<p> 태그에 적절한 스타일을 부여하면 엔터를 한 번 친 것과 여러 번 친 것을 구분할 수 있습니다.
그러네요, 저희쪽은 뭐가 문제인지 일단 디벨롭 버전으로 업데이트를 했는데도..
이런식으로 입력 후 복사를 해서 Ckeditor 부분에 붙여넣기를 해도
이런식으로 출력이 됩니다.
안녕하세요.
메모장입니다.
제 이름은 메모장
메모장입니다.
위 형식은 제가 붙여넣기하고 엔터로 나눠준겁니다.
이런식으로 출력됐으면 하는데 이게 안되서 문제인거같습니다.
문제가 아니라 원래 그렇게 나오도록 되어 있다니까요?
각 줄에 <p> 태그가 붙는 것도 정상이고, 엔터를 한 번만 친 것처럼 바짝 붙어서 표시되는 것도 정상입니다.
원하시는 대로 출력되도록 하려면 에디터 모듈 설정에서 문단 간격을 적당한 값으로 설정해 주셔야 해요.
기본값이 0px이어서 <br>과 구분이 안 될 만큼 바짝 붙거든요. 에디터 설정부터 다시 확인해 보세요.
메모장에서 처리한 엔터처리가 왜 에디터에 붙여넣기하면 엔터처리가 사라지는지가 문제에요.
안녕하세요.
메모장입니다.
제 이름은 메모장
메모장입니다.
지금 이 댓글창에 메모장 내용을 복붙한건데 이렇게 엔터처리까지 같이 에디터에 붙여넣어졌음 좋겠어서 말씀드린거에요 ㅠ..
엔터 1번 친 것은 <br>로 처리되고, 2번 친 것은 <p>로 처리된다고 말씀드렸잖아요. 사라지는 게 아니예요. 태그가 다르잖아요. 태그 구조에 집착하시지 말고, 엔터=<br>이라고 생각하시지 말고, 이렇게 각각 다른 태그로 처리된 것을 화면상에 어떻게 표시하면 될지를 고민하는 것이 더 생산적일 것 같습니다. 저나 라그릿님이 CK에디터의 작동 방식을 갈아엎는 것은 무리이고, enterMode를 임의로 바꾸는 방법에도 호환성 문제가 있으니까요.
제가 제안드린 대로 문단 간격을 조정하는 방법을 시도해 보기나 하셨는지 모르겠네요.
모든 엔터가 다 그렇게 간격이 벌어져버리니..
그리고 마지막으로 하나 더 질문있습니다.
방금 라이믹스 디벨롭 버전으로 덮어쓰고 테스트서버에서도 덮어써봤는데
파일 첨부 후 해당 파일을 본문 삽입하면 에디터에서 첨부된 파일은 파란색 글씨에 밑줄쳐져있던 스타일이였는데
아예 스타일이 없던데 의도된건가요?
예전에는 에디터 내에서만 통하는 스타일이 따로 있었는데,
이제는 레이아웃과 게시판 스킨에서 지정한 스타일을 그대로 따라갑니다.
이것도 링크가 <p> 태그 안에 있느냐 아니냐에 따라 다를 수 있습니다.
대부분의 서드파티 스킨들이 본문을 <p> 태그로 감싸 놓았다고 가정하고 있어서요....
혹시 해당 스타일 설정을 어떻게하나요..?
테스트 서버에는 다 기본값이라 p태그 안에 있습니다.
에디터 스타일로 다시 변경은 못하나요?
스킨이나 레이아웃에서 .editable 또는 .cke_editable 안에만 적용되는 CSS 규칙을 추가하시면 됩니다.
CK에디터에서
가나다라(엔터)
가나다라(엔터)
이렇게 하고 소스보기를 해보세요.
가나다라(엔터)
(엔터)
가나다라(엔터)
이렇게 비교해 보시면 아실겁니다.
타 사이트에서 css에서 처리한 거랑 다르고 웹에디터에가 아닌 메모장이나 다른 에디터에서 보여지는 태그 구조가 CK에디터의 기본설정과 다를 수 있습니다.
br과 P 의 차이가 있는 거구요.
따라서 복붙해서 붙여넣은 다음 이 P와 BR 차이에 의한 것은 직접 수정하는 정도의 과정은 거쳐야 한다고 생각합니다.
이세상 모든 사이트나 혹은 오프라인 에디터 등에서 모두 한가지로 다 통일할 수는 없을 것 같구요.
그냥 메모장에서 붙여넣고 알아서 엔터처리 하라고 해야겠네요.
좋은 팁 감사합니다.