CHEditor가 5.1 버전으로 업그레이드 되었습니다. > 십년전오늘

십년전오늘

10년전 추억의 책장을 넘기며

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# 버전은 다음 주 월요일에 받으실 수 있습니다.
 
다음 버전에는 아래와 같은 기능을 추가합니다.
테이블 셀을 마우스로 잡아 끌어 크기를 변경, 마운스 오른쪽 버튼을 이용한 셀 추가 삭제 등 기능
이미지, 테이블를 비롯한 블럭 태그 앞 뒤로 단락을 쉽게 넣을 수 있도록 기능 추가
 
감사합니다.

댓글 전체

전체 130,605
십년전오늘 내용 검색

회원로그인

진행중 포인트경매

  1. 참여4 회 시작24.04.25 20:23 종료24.05.02 20:23
(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT