Fancybox打开文本文件？

Question

我想创建一个网站，我可以使用某种类型的FancyBox文件进行预览，例如图像，文本文档等。

这样做：

$(".text").fancybox();

<a class="text" href="document.css" title="document.css"><img src="files.png"/>OPEN ME</a>

它打开文档，但它不尊重文档的边距和格式，我的意思是，所有内容都写在同一行，因为我认为它打开它就好像它是HTML，而不是文本编辑器。

那么有人如何以Notepad ++或GEdit的方式打开它，打开它？

谢谢！

Answer 1

对于大多数文本文件，您可能需要使用iframe打开它们，以便保留格式，然后您的链接应如下所示：

<a class="text fancybox.iframe" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">open css file</a>

...注意特殊班级fancybox.iframe。那你的代码就像这样简单：

$(".text").fancybox();​

参见 DEMO

有关如何选择fancybox内容type的详情，请查看：https://stackoverflow.com/a/13869696/1055987