在有界区域中显示小的html片段

时间:2013-07-31 14:48:31

标签: html iframe canvas thumbnails

我希望可视化结果页面,并且我计划展示的一些结果会显示与之关联的html小片段。理想情况下,我想将此文本放在iframe中,只需设置图像的缩放/裁剪,以确保显示的部分相关且直观。

现在我正在使用xhtml2pdfwand将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>"
}

我想做的是将html片段渲染到有界框中(想想缩略图)。我需要能够指定缩略图的大小,但过去我不太挑剔。

0 个答案:

没有答案