Blog

2507970777_c4b744f543_z.jpg


안녕하세요, XE 개발팀 행복한고니입니다.
XEED에 몇 가지 변화가 있어 사용자 분들과 공유하고자 합니다.


1. 엔터 두 번 입력시 <p> 태그 생성 기능 제거

처음 기획 당시에는 사용자들이 태그를 의미에 맞게 사용하도록 만들고 싶어서 MS-Word의 동작을 흉내내어 만든 기능이었습니다.
하지만, 그 간의 WYSIWYG 에디터에는 없던 기능인데다가 줄바꿈처럼 보이게 하기 위해 p의 여백을 없앤 CSS 때문에 많은 분들이 혼란스러워 하셨던 것 같습니다. 분명히 편집할 때는 두 줄 띄워져있었는데 왜 한 줄 밖에 안되었냐, 동작이 이상하다 등의 많은 의견이 있었는데, 고심 끝에 이 의견들을 수렴하여 p 태그 생성 기능을 제거하기로 했습니다.

현재의 XEED는 엔터를 몇 번을 입력하든 상관없이 엔터=<br />로 입력됩니다.

2. 줄단위 선택

다른 에디터에는 <p> 태그를 마치 줄바꿈처럼 보이게 하는 기법을 사용했는데, 실제로 텍스트를 복사하면 두 줄씩 떨어져 보이거나 웹 사이트마다 모양이 달라질 수도 있는 문제를 안고 있었습니다. XEED 에디터는 <p> 태그 대신 <br /> 태그로 줄바꿈을 하므로 이런 문제에서 자유로울 수 있습니다.

하지만, 이로 인해서 문단의 형식을 변경하거나 할 때 '어디까지 변경해야 하나?'라는 기술적인 문제가 발생했습니다. 그 전에는 <p> 태그를 기준으로 하면 됐지만, XEED는 게시물 전체가 하나의 p 태그로 묶여있을 수도 있어 그렇게 할 수 없기 때문입니다. 그래서, 줄 단위로 블럭 형식을 변경할 수 있는 기능을 작성했습니다. 기술적으로 깊이 다루어야 하는 문제라 자세히 말씀드리지는 못하지만 꽤 어려운 일이었다고만 알아주세요. ㅠ_ㅠ

아마 다른 에디터를 사용하시다보면 XEED의 방식이 편했다는 것을 알게 되실 그 날이... 아마 오겠죠?

3. 자동 줄바꿈!

WYSIWYG으로 글을 작성하다가 HTML 편집기를 열어보고 지저분한 소스 때문에 깜짝 놀란 경험이 있지 않으세요?
그런 문제를 조금이라도 해소하고자 자동 줄바꿈 기능을 추가했습니다. 기존에 제로보드4 등을 사용해보신 분이라면 HTML 편집+자동 줄바꿈 기능을 아실 것입니다.
XEED에서 선보이는 자동 줄바꿈 기능은 그와 유사하지만 조금 진보된 기능으로, 이제는 직접 <br> 태그를 입력하는 대신 엔터키로 줄바꿈만 해주시면 됩니다.
또한, 테이블 등에서 코드가 망가지는 것을 막기 위해 태그와 태그 사이의 줄바꿈은 <br > 태그로 변경하지 않습니다.

XEED는 XE의 새로운 편집기로 여러분들의 관심과 애정 덕에 점점 좋은 에디터로 거듭나고 있습니다.
이번만큼은 충분한 시간을 들여 좋은 에디터로 만든 후에 배포하고자 합니다.

XEED가 더 좋은 에디터가 될 수 있도록 앞으로도 많은 관심부탁드리겠습니다.
감사합니다.


이 글의 이미지는 Flickr의 Animesh Singh님Creative Commons 라이선스로 공개해 준 것입니다.

태그 연관 글
  1. [2017/09/25] 묻고답하기 크롬에서 ckeditor 붙여넣기가 이상합니다. ㅠ by 토순이 *4
  2. [2017/08/04] 묻고답하기 메모장으로 php 파일 수정 후 모바일에서 메뉴 깨짐 현상 by Kodumul *1
  3. [2016/12/05] 묻고답하기 혹시 표 작업 깔끔히 잘 되는 에디터툴 있을까요. by 섬휘
  4. [2016/11/24] 묻고답하기 아무리 검색해도 모르겠네요. 에디터 문제 부탁드립니다. by 섬휘 *1
  5. [2016/08/31] 묻고답하기 xe 에디터 비 활성화 질문입니다. by 볕뉘 *2
제목 최종 글 날짜
공지 XE1 신규 보안 취약점 신고 포상제 종료 안내   2019.10.23
공지 [중요!] Object 클래스의 이름 변경 안내(PHP 7.2 버전 호환성) [7] 2020.08.16 by 천재 2017.11.27
XE 1.5 캐시 설정 가이드 [9] 2020.03.14 by jackdejack 2012.06.01
XE 사업자 간담회 재신청 부탁드립니다.   2012.06.04
1.5.2.6 보안 배포 [7] 2012.09.21 by staticcling 2012.06.26
1.5.2.7 보안 패치 배포 [3] 2012.09.03 by Nike Football Cleats 2012.07.02
XE 1.5.3.beta 배포 [4] 2012.09.21 by staticcling 2012.07.18
XE 1.5.3 배포 [11] 2012.09.06 by 똥똥 2012.07.26
XE 1.5.3.1.beta & 게시판 1.4.5.beta 배포 [11] file 2012.09.03 by Nike Mercurial Vapor 2012.08.06
1.5.3.1을 공식사이트에 적용하였습니다. [3] 2020.03.14 by Zenithink C71 2012.08.17
XE 1.5.3.1 배포 [6] file 2020.03.14 by vibram five fingers 2012.08.22
XE 3회 사용자 디자인 공모전을 종료합니다. [23] 2012.09.30 by Hammer 2012.09.11
XE 1.5.4.beta 배포 [8] 2012.12.31 by 배나온슈퍼맨 2012.11.13
1.5.3.4 보안 패치 배포   2012.11.22
1.5.3.5 보안 패치 배포 [2] 2012.12.01 by 멩이123 2012.11.27
1.5.3.6 배포 [3] 2012.11.29 by 파표 2012.11.27
1.5.3.7 배포 [3] 2012.12.12 by 정샘2 2012.11.30
1.5.4.1 배포 [19] 2013.01.11 by mindpainter 2013.01.02
공식사이트에 XE 1.7을 적용하였습니다. [18] 2020.03.14 by Apollos2304 2013.02.13
XpressEngine Core ver. 1.7.1.0 - Beta [12] file 2013.03.08 by 리소프트 2013.02.21
XpressEngine Core ver. 1.7.2.0 - RC(Release Candidate) [8] 2013.03.15 by 나무, 2013.03.11
XpressEngine Core ver. 1.7.3.0 [20] 2013.04.09 by bncPlan 2013.03.15