目的

为了更好地展示代码

有多种方式展示带样式的代码，如下图：插入图片、将markdown作为iframe插入

但都不爽

(资料图片仅供参考)

其中图片的缺点：

放大模糊

尺寸大

加载慢

不能再后续编辑代码

将markdown作为iframe插入的缺点：

整个MD进行渲染，非代码部分影响效果

因此自定义iframe，从如vscode之类复制的富文本直接可以粘贴到Excalidraw，可以一直放大不模糊，在比较小的容器里也能比较好地交互

效果

图片放大模糊，后两者是渲染HTML，不会存在这个问题

在小容器中可以进行交互以展示代码

实现

将富文本转为HTML插入iframe的div中，借用原本的缩放位移功能