Добавление внешнего виджета в композер

Я пытаюсь сделать так, чтобы пользователи могли вставлять свой собственный виджет из редактора, где им нужно будет просто ввести число, а панель инструментов автоматически обернет его в код. Например, если ввести 112756, он обернет следующий код:

<div id='PurpleAirWidget_112756_module_AQI_conversion_C0_average_10_layer_detailed'>Загрузка виджета PurpleAir...</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>

В идеале это должно выглядеть примерно так: