Adicionando um widget externo ao composer

O que estou tentando fazer é permitir que os usuários insiram seu widget específico no compositor, onde tudo o que precisam fazer é digitar um número e a barra de ferramentas o envolve. Por exemplo, se digitarem 112756, o código a seguir seria envolvido ao redor dele.

<div id='PurpleAirWidget_112756_module_AQI_conversion_C0_average_10_layer_detailed'>Carregando Widget do 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>

Espero que fique algo assim: