CHEditor가 5.1 버전으로 업그레이드 되었습니다. 정보
CHEditor가 5.1 버전으로 업그레이드 되었습니다.본문
오래간만에 chsoft홈피 들어가보니 체디터 업뎃 소식이 있어 퍼왔어요.
익스 11에서 생기는 문제랑 다양한 것들이 개선되었네요. 그누보드에도 빨리 적용됬으면해서요. ㅋ.ㅋ;
아래는 업뎃 소식입니다.
안녕하세요. 나창호입니다.
cheditor가 5.1 버전을 업그레이드 되었습니다.
이번 버전에는 크고 작은 기능들이 추가되거나 변경되었습니다.
1. 이미지 업로드 관련한 기능 개선
- 클라이언트 단에서 이미지 리사이징을 처리하여 서버로 전송합니다. 기존에는 width, height 속성 값만 바꾸었지만, 새 버전은 실제 라사이징을 하여 전송합니다.
- 썸네일 이미지를 클라이언트 사이드에서 만들어 전송합니다.
- 썸네일 이미지 생성할 때, 원본 이미지에 선이 많을 경우(만화의 캐릭터 등), 선이 뭉개지는 현상을 최대한 매끄럽게 처리하였습니다.
- 한 번에 올릴 수 있는 이미지 개수를 자유롭게 설정할 수 있도록 하였습니다.
- 이미지를 편집 영역으로 넣을 때, 간혹 뒤섞이는 문제를 바로 잡았습니다.
- 이미지를 서버로 전송할 때, 종종 한 두 개씩 누락되는 문제를 바로 잡았습니다.
- 한글 이름과 파일 이름에 섞여 있는 \u와 같은 문자로 인해 오류가 나는 문제를 바로 잡았습니다.
- 툴바에 있는 '사진 넣기' 버튼을 쉽게 찾을 수 있도록 변경하였습니다.
- 설정 옵션:
- imgMaxWidth // 이 값이 0 보다 크면 이미지를 리사이징하여 전송합니다. 0이면 원본 크기 그대로 전송합니다. (기본 값: 640)
- imgUploadNumber // 한 번에 올릴 수 있는 이미지 개수 (기본 값: 12)
- imgUploadSortName // 이미지 파일 선택 창에서 여러개를 선택했을 경우, 이름 순으로 전송합니다. (기본 값: false)
- uploadImgSpacer // 여러 개의 이미지를 동시에 올릴 때, 이미지와 이미지 사이를 div 태그를 넣어 간격을 둡니다. (기본 값: true)
- makeThumbnail // 원본 이미지의 썸네일 이미지를 만듭니다. (기본 값: false)
- thumbnailWidth // 썸네일 이미지 생성시 가로 크기입니다. (기본 값: 120)
- thumbnailHeight // 썸네일 이미지 생성시 세로 크기입니다. (기본 값: 90)
- 파일 이름은 업로더가 일정한 패턴으로 만듭니다. (이름 패턴: 년월일시분초_파일크기_랜덤문자4.확장명)
- 이미지 원본 이름을 얻고자 할 경우, 서버 사이드 스크립트에서 POST로 전송된 origName을 이용합니다. (PHP: $_POST["origName"]
2. 줄 간격 기능이 추가 되었습니다.
줄 간격 기능은 아래와 같은 블럭 태그에 적용되며 없을 경우, P 태그를 생성합니다.
아래 목록에 새 태그를 넣을 경우, 넣은 태그에도 줄 간격이 적용됩니다.
cheditor.js 파일:
GB.lineHeightBlock : '|address|blockquote|dd|div|dl|h1|h2|h3|h4|h5|h6|li|p|pre|td|'
3. 툴바 관련:
- ie 10, 11에서 비활성 버튼이 '회색'으로 변경되지 못했던 문제를 바로 잡았습니다. 회색으로 변경시키는 것은 css의 filter를 이용하였는데, ie10, 11은 gray 필터를 지원하지 않습니다. 때문에 html5 기능 중 canvas를 이용하여 처리하도록 하였습니다.
- 풀다운 메뉴 중 '스타일, 글꼴 모양' 등의 텍스트가 메뉴 폭 보다 넓을 경우 범위를 벗어나는 문제를 바로 잡았습니다.
- 툴바 버전 mouseover, out, down 이벤트에 따른 버튼 모양이 조금 더 깔끔하게 처리되도록 관련 코드를 수정 하였습니다.
- '전체 화면' 버튼이 툴바 오른쪽 상단으로 옮겨졌습니다.
4. 크롬, 사파리에서 spellcheck 기능이 사용되지 않도록 처리 하였습니다. 크롬에서 cheditor를 치면 빨간 줄 밑줄이 생겼는데, 이제는 빨간 줄이 보이지 않습니다.
5. ieEnterMode가 br일 경우, ie10, 11 등에서 오류가 나는 문제를 바로 잡았습니다.
6. 소스 코드에 주석문을 넣을 경우, 주석문을 '기울임' 모양으로 쉽게 구분할 수 있도록 처리 하였습니다.
7. dom range와 selection 관련하여 IE 9버전 이하와 10, 11, 그 밖에 브라우저에서 모두 문제가 발생되지 않도록 코드를 보완 하였습니다.
8. 그 밖에 많은 버그 코드를 바로 잡았습니다.
현재는 PHP, JSP 만을 받으 실 수 있도록 올려 놓았습니다.
ASP, C# 버전은 다음 주 월요일에 받으실 수 있습니다.
다음 버전에는 아래와 같은 기능을 추가합니다.
테이블 셀을 마우스로 잡아 끌어 크기를 변경, 마운스 오른쪽 버튼을 이용한 셀 추가 삭제 등 기능
이미지, 테이블를 비롯한 블럭 태그 앞 뒤로 단락을 쉽게 넣을 수 있도록 기능 추가
감사합니다.
댓글 전체
알려주셔서 감사합니다.
이르면 오늘 늦어도 다음주 중에는 적용하여 배포하도록 하겠습니다.
이르면 오늘 늦어도 다음주 중에는 적용하여 배포하도록 하겠습니다.
앗. 빠르게 코멘트가 달려서 깜짝 놀랬습니다;
감사합니다 >.<
감사합니다 >.<