<aside> ✏️

목차

</aside>

상황

CSS Flyout toolbox에 사용자가 입력한 클래스명이 담긴 블록을 띄우고자 한다.

현재 클래스명 블록 클릭시 alert로 입력가능하지만, 아래 시안과 동일하게 하려면 flyout에 input과 button 요소를 추가해야 한다.

과정

구현

• type 수정하니까 됨

  type의 역할이란?

• 문제점1: 해당 카테고리 재클릭해야 생성된 블록 확인 가능

alert → input으로 변환

오픈소스에서 버튼 어떻게 추가했는지 확인하기

https://google.github.io/blockly-samples/plugins/typed-variable-modal/test/index

해당 플러그인은 registerButtonCallback으로 버튼 생성

그렇다면 flyout도 registerButtonCallback을 활용하지 않을까?

맞다.

버튼이 포함된 xml을 어딘가에서 사용하는 것 같다.