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.4.5.5 긴급 보안패치 [14] 2012.08.16 by Hero H6000 2011.04.19
XE 1.4.5.3 긴급 보안패치 [8] 2014.02.25 by Nike Steelers Jersey 2011.04.18
5월 16일 XEmarket 오픈베타 런칭 [44] 2012.08.16 by vibram shoes 2011.04.15
Textyle, CafeXE Package를 배포합니다. [7] file 2012.08.16 by Washion N10 2011.04.08
XE Core 1.4.5.2을 배포합니다. [16] 2012.08.20 by none 2011.04.06
XE Core 1.4.5.1을 배포합니다. [13] 2014.02.25 by FreeLander PD70 2011.04.04
XE Core 1.4.5를 배포합니다. [36] 2012.08.16 by vibram five fingers 2011.03.31
공식 사이트 점검 안내 [4] 2012.08.16 by vibram five fingers 2011.03.28
XE - SVN 배포 절차 변경. [3] 2020.03.14 by vibram five fingers 2011.03.24
XE 개발팀 워크샵. [15] [1] file 2012.08.16 by FreeLander PD10 2011.03.23
3/17~18 공식 사이트 장애 복구. [2] 2012.08.16 by vibram five fingers 2011.03.18
3/17 현재 공식 사이트 부분적 장애. [2] 2020.03.14 by vibram five fingers 2011.03.17
공식사이트 점검 안내 [2] 2012.08.16 by vibram five fingers 2011.03.14
Textyle, CafeXE Package Beta를 배포합니다. [15] file 2012.08.16 by lX315e+ 2011.03.11
XE Core 1.4.5 beta 버전 배포합니다. [23] file 2012.08.16 by vibram five fingers 2011.03.10
공모전 수상작을 발표합니다! [21] 2012.08.16 by vibram five fingers 2011.02.21
공모전 작품에 투표해주세요! [7] file 2012.08.16 by vibram five fingers 2011.02.15
XE Core, 단락편집기를 품다! [11] file 2012.08.16 by ZOPO ZP500 2011.02.09
제2회 XE 사용자 공모전 접수를 시작합니다. [10] 2012.08.16 by Lenovo Lephone A520 2011.01.27
우리 XEED가 달라졌어요! [18] [2] file 2020.03.14 by Chat 2011.01.21