2020년이 시작된 지 벌써 반년이 지났습니다. 그동안 TOAST UI는 열심히 달려왔고 남은 시간도 열심히 달릴 예정입니다. 😎 여러분도 더운 여름 쉬엄쉬엄 컨디션 관리하시면서, TOAST UI와 함께 즐거운 코딩 하세요~!🏊♀
기능 추가
마크다운 에디터에서 태스크 구문을 작성할 때 마커 상태를 편리하게 변경할 수 있는 기능이 추가되었습니다. 기존에는 태스크의 상태 변경 시 마커([]
) 안에 x
또는 백스페이스키가 입력되면 공백 문가자 추가되어 구문이 깨지고, 사용자가 공백 문자를 직접 제거해야 하는 불편함이 있었습니다. 2.3.0 버전부터는 키 입력과 동시에 자동으로 마커 안의 공백 문자를 제거해줍니다. 또한 태스크 구문 안에서 shift + ctrl + x
단축키를 누르면 선택된 라인의 마커 상태를 토글시켜 주는 기능도 추가되었습니다.
x 또는 백스페이스 키 입력 시 마커 상태 자동 변경
단축키(shift + ctrl + x)를 사용하여 마커 상태 변경
버그 수정
addWidget()
API를 호출하여 엘리먼트를 추가할 때 잘못된 위치에 추가되는 현상 (#1113)버그 수정
form
이 제출되는 현상 (#1091)버그 수정
<span>
태그가 마크다운으로 변환될 때 깨지는 현상 (#1059)기능 추가
도형의 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",
},
});
addText
API의 자동 autofucus
옵션이 추가되었습니다. 텍스트가 추가되자마자 자동으로 편집모드로 변경됩니다 (#413)버그 수정
버그 수정
버그 수정
태스크 구문 편집 기능과 비슷하게 마크다운 에디터에서 테이블 구문에서도 키(탭 및 엔터) 입력 시 편집을 편리하게 도와주는 기능이 추가됩니다. 또한 MS 아웃룩에서 복사한 데이터를 붙여넣기 했을 때 위지윅 에디터에서 깨지는 현상 없이 잘 보여지도록 개선될 예정입니다.
이번 위클리에는 테스트에 관한 두 가지 글이 올라왔었는데요. 유용한 테스트를 작성하기 위해 개발자가 가져야 하는 자세에 대해 작성된 오리지널 글부터 퍼펫티어로 E2E 테스트를 하는 데 도움이 되는 팁들에 대해 번역한 글이 소개되었습니다. 또한 devicePixelContentBox
를 사용해 캔버스에서 픽셀 단위까지 완벽하게 렌더링하는 방법을 소개하는 글 또한 번역되었습니다. 아직 읽어보시지 않았다면 아래 링크를 클릭하세요! 👇👇
사용 문의, 기능 추가/수정 요청 및 버그 신고는 각 제품의 GitHub 저장소 이슈를 이용해주세요!