컴포저에 외부 위젯 추가하기

제가 시도하는 것은 사용자가 컴포저에서 특정 위젯을 삽입할 수 있도록 하는 것입니다. 사용자가 숫자만 입력하면 툴바가 해당 숫자를 감싸는 형태로 동작해야 합니다. 예를 들어 112756을 입력하면 다음과 같은 코드가 그 숫자를 감싸서 생성됩니다.

<div id='PurpleAirWidget_112756_module_AQI_conversion_C0_average_10_layer_detailed'>Loading PurpleAir Widget...</div>
<script src='https://www.purpleair.com/pa.widget.js?key=N6HB6JJ0BP1Z05SE&module=AQI&conversion=C0&average=10&layer=detailed&container=PurpleAirWidget_112756_module_AQI_conversion_C0_average_10_layer_detailed'></script>

결과는 다음과 같이 보이면 좋겠습니다.