web端怎么嵌入移动端手机模型并展示富文本编译器生成的代码

web端怎么嵌入移动端手机模型并展示富文本编译器生成的代码
就是把代码完美展示到下边手机模型里边
有没有同僚能给点思路或者方案什么的 感谢

img

直接 手敲一个 手机模型 然后 插入富文本的内容 就使用v-html去展示内容 不知道你是不是想要这种

我大概知道你的需求了,你是要写一个代码线上代码编辑展示的功能吧?eval函数可以把字符串转换成代码执行,至于你手机这块区域,两个方案:
1、vue或react项目就写一个组件,组件接受你要执行的js代码字符串,之后应该是知道怎么做了吧?(举个例子vue项目、你代码生成了一个字符串)你就把这个转换成代码用render函数去渲染。
2、用iframe 标签 嵌入。src填一个新项目,或者指向本地的html文件。该html文件也用eval去执行你写的字符串代码。