TOAST UI Monthly 2020년 7월호
2020년이 시작된 지 벌써 반년이 지났습니다. 그동안 TOAST UI는 열심히 달려왔고 남은 시간도 열심히 달릴 예정입니다. 😎 여러분도 더운 여름 쉬엄쉬엄 컨디션 관리하시면서, TOAST UI와 함께 즐거운 코딩 하세요~!🏊♀
🚀 Releases
editor@2.3.0 ~ editor@2.3.1
기능 추가
- [마크다운] 스마트 태스크 마커 기능 추가 (#1080)
마크다운 에디터에서 태스크 구문을 작성할 때 마커 상태를 편리하게 변경할 수 있는 기능이 추가되었습니다. 기존에는 태스크의 상태 변경 시 마커([]) 안에 x 또는 백스페이스키가 입력되면 공백 문가자 추가되어 구문이 깨지고, 사용자가 공백 문자를 직접 제거해야 하는 불편함이 있었습니다. 2.3.0 버전부터는 키 입력과 동시에 자동으로 마커 안의 공백 문자를 제거해줍니다. 또한 태스크 구문 안에서 shift + ctrl + x 단축키를 누르면 선택된 라인의 마커 상태를 토글시켜 주는 기능도 추가되었습니다.
x 또는 백스페이스 키 입력 시 마커 상태 자동 변경
단축키(shift + ctrl + x)를 사용하여 마커 상태 변경
버그 수정
- [마크다운] 에디터 영역에서 블러되었을 때 프리뷰 영역에서 하이라이팅이 유지되는 현상 (#1093)
- [위지윅] 개행된 텍스트를 테이블에 붙여넣기 했을 때 개행이 사라지는 현상 (#1102)
- [위지윅] 테이블 밖에서 셀렉션이 끝날 때 및 컬럼을 추가할 때 스크립트 에러가 발생하는 현상 (#1110)
- [위지윅]
addWidget()API를 호출하여 엘리먼트를 추가할 때 잘못된 위치에 추가되는 현상 (#1113) - [위지윅] 셀 병합 테이블 플러그인 사용 시 테이블 안의 리스트가 마크다운으로 변환될 때 깨지는 현상 (#1119)
editor-plugin-color-syntax@1.0.1
버그 수정
- 색상 선택 패널에서 확인 버튼 클릭 시
form이 제출되는 현상 (#1091)
editor-plugin-table-merged-cell@1.1.1
버그 수정
- [위지윅] 테이블 안의
<span>태그가 마크다운으로 변환될 때 깨지는 현상 (#1059)
v3.10.0
기능 추가
도형의 fill 옵션을 통해 지정영역에 필터 효과를 주는 기능이 추가되어, 이미지의 특정 영역을 모자이크 처리할 수 있게 되었습니다. 또한, 선 그리기 모드에서 화살표 모양을 그릴 수 있는 옵션이 추가되었습니다.모자이크 기능으로 민감한 정보를 가리거나 화살표 꾸미기를 사용해 효과적으로 이미지를 나타내보세요!
모자이크 기능
imageEditor.setDrawingShape("rect", {
fill: {
type: "filter",
filter: [{ blur: 0.3 }, { pixelate: 20 }],
},
width: 100,
height: 200,
});
imageEditor.addShape("rect", {
fill: {
type: "filter",
filter: [{ blur: 0.3 }, { pixelate: 20 }],
},
width: 100,
height: 200,
left: 100,
top: 100,
stroke: "blue",
strokeWidth: 3,
});화살표 모양 꾸밈 옵션 추가
imageEditor.startDrawingMode("LINE_DRAWING", {
width: 10,
color: "rgba(255,0,0,0.5)",
arrowType: {
tail: "chevron", // triangle
head: "triangle",
},
});addTextAPI의 자동autofucus옵션이 추가되었습니다. 텍스트가 추가되자마자 자동으로 편집모드로 변경됩니다 (#413)
버그 수정
ContextMenu v2.1.8
버그 수정
- 컨텍스트 메뉴의 포지션 계산 수정(#24)
Tree v4.0.2
버그 수정
👨💻 Next Features
태스크 구문 편집 기능과 비슷하게 마크다운 에디터에서 테이블 구문에서도 키(탭 및 엔터) 입력 시 편집을 편리하게 도와주는 기능이 추가됩니다. 또한 MS 아웃룩에서 복사한 데이터를 붙여넣기 했을 때 위지윅 에디터에서 깨지는 현상 없이 잘 보여지도록 개선될 예정입니다.
🗞 TOAST UI NEWS
이번 달 Weekly Picks
이번 위클리에는 테스트에 관한 두 가지 글이 올라왔었는데요. 유용한 테스트를 작성하기 위해 개발자가 가져야 하는 자세에 대해 작성된 오리지널 글부터 퍼펫티어로 E2E 테스트를 하는 데 도움이 되는 팁들에 대해 번역한 글이 소개되었습니다. 또한 devicePixelContentBox를 사용해 캔버스에서 픽셀 단위까지 완벽하게 렌더링하는 방법을 소개하는 글 또한 번역되었습니다. 아직 읽어보시지 않았다면 아래 링크를 클릭하세요! 👇👇
- 2020.06.30 Puppeteer로 E2E 테스트하기 팁 - Puppeteer와 함께 속도 높이기! #264
- 2020.07.08 유용한 테스트 케이스를 위한 개발자의 자세 #265
- 2020.07.28 devicePixelContentBox를 사용하여 완벽하게 픽셀(pixel-perfect) 렌더링하기 #268
사용 문의, 기능 추가/수정 요청 및 버그 신고는 각 제품의 GitHub 저장소 이슈를 이용해주세요!