在有边界的区域中显示小的html代码段

我希望可视化一个结果页面，我计划显示的许多结果都有与之相关联的html小片段。理想情况下，我希望将此文本放在iframe中，并且能够设置图像的缩放/裁剪，以确保显示的部分是相关的和直观的

现在我要使用的是

xhtml2pdf

和

wand

将html转换为pdf，然后再转换为jpg，这是不理想的，原因有很多。我试着直接将html插入页面，但这似乎是一个糟糕的主意，原因有很多（主要是安全性，因为这些html片段是由其他人编写的，其次是因为它们没有被包含）

不过，任何一种方法都可以将一段html片段显示在一个有限的区域内，这将是非常棒的。我对这项任务的最初想法是画布或iframe，但我还没有找到任何关于是否有办法使用它们的方法。我也不确定这是否会成为一个问题，但我希望将相关的css类应用于显示框内的html，但这只是锦上添花

我从Mongo实例中提取html，其中html是其中一个字段，因此其中一个对象的示例如下：

{ 'ObjectId': 'asdlkc2814s',
    "code": "<p style="font-size:100">This is a sample of the data</p>"
}

{'ObjectId'：'asdlkc2814s'，
“代码”：“
这是一个数据示例”
}

---

我想做的是在一个有边界的框中呈现html片段（想想缩略图）。我需要能够指定缩略图的大小，但我不太挑剔。

如果出于某种原因附加到这些html片段，则没有太多好的选项，否则，如果我需要返回为结果页提供的原始数据，并将其直接可视化到画布上。您试图可视化的内容有点抽象，因为没有代码/示例显示您试图实现的目标。：-）原始数据是html：（我正在尝试为某人构建的数据库生成结果。我将尝试添加一个示例。