将外部小部件添加到作曲家

我试图实现的是让用户在编辑器中插入他们特定的小部件,他们只需输入一个数字,工具栏就会自动将其包裹起来。例如,如果输入 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>

效果大概会像这样: