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 또는 백스페이스 키 입력 시 마커 상태 자동 변경

3

단축키(shift + ctrl + x)를 사용하여 마커 상태 변경

4

버그 수정

  • [마크다운] 에디터 영역에서 블러되었을 때 프리뷰 영역에서 하이라이팅이 유지되는 현상 (#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

기능 추가

  • 모자이크 처리(#423)
  • 화살표 꾸밈(#412)

도형의 fill 옵션을 통해 지정영역에 필터 효과를 주는 기능이 추가되어, 이미지의 특정 영역을 모자이크 처리할 수 있게 되었습니다. 또한, 선 그리기 모드에서 화살표 모양을 그릴 수 있는 옵션이 추가되었습니다.모자이크 기능으로 민감한 정보를 가리거나 화살표 꾸미기를 사용해 효과적으로 이미지를 나타내보세요!

모자이크 기능

1 (1)
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,
});

화살표 모양 꾸밈 옵션 추가

png
imageEditor.startDrawingMode("LINE_DRAWING", {
  width: 10,
  color: "rgba(255,0,0,0.5)",
  arrowType: {
    tail: "chevron", // triangle
    head: "triangle",
  },
});
  • addText API의 자동 autofucus 옵션이 추가되었습니다. 텍스트가 추가되자마자 자동으로 편집모드로 변경됩니다 (#413)

버그 수정

  • 모바일 환경에서 텍스트 객체의 외부를 클릭해도 편집모드가 종료되지 않는 버그 수정(#262)
  • 편집중인 텍스트객체의 크기가 텍스트의 너비에 맞게 갱신되지 않는 버그 수정(#109)

ContextMenu v2.1.8

버그 수정

  • 컨텍스트 메뉴의 포지션 계산 수정(#24)

Tree v4.0.2

버그 수정

  • 플로팅 레이어가 존재하면 새로운 플로팅 레이어를 생성하지 않도록 수정(#62)
  • 깊은 트리 데이터의 렌더링 오류 수정(#64)

👨‍💻 Next Features

태스크 구문 편집 기능과 비슷하게 마크다운 에디터에서 테이블 구문에서도 키(탭 및 엔터) 입력 시 편집을 편리하게 도와주는 기능이 추가됩니다. 또한 MS 아웃룩에서 복사한 데이터를 붙여넣기 했을 때 위지윅 에디터에서 깨지는 현상 없이 잘 보여지도록 개선될 예정입니다.

🗞 TOAST UI NEWS

이번 달 Weekly Picks

이번 위클리에는 테스트에 관한 두 가지 글이 올라왔었는데요. 유용한 테스트를 작성하기 위해 개발자가 가져야 하는 자세에 대해 작성된 오리지널 글부터 퍼펫티어로 E2E 테스트를 하는 데 도움이 되는 팁들에 대해 번역한 글이 소개되었습니다. 또한 devicePixelContentBox를 사용해 캔버스에서 픽셀 단위까지 완벽하게 렌더링하는 방법을 소개하는 글 또한 번역되었습니다. 아직 읽어보시지 않았다면 아래 링크를 클릭하세요! 👇👇


사용 문의, 기능 추가/수정 요청 및 버그 신고는 각 제품의 GitHub 저장소 이슈를 이용해주세요!