Fancybox能够打开文本文件吗?

Question

我希望创建一个网站，在该网站中，我可以使用FancyBox预览各种类型的文件，例如图像、文本文档等。

具体实现方法：

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

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

它打开了文档，但它不尊重文档的边距和格式，我的意思是所有内容都写在同一行上，因为我认为它将其作为HTML而不是作为文本编辑器打开。那么，有人知道如何以Notepad ++或GEdit打开它吗？谢谢！

- javiaf

---

请将其添加到jsfiddle.net，并显示更多细节。 - arjuncc

您需要将要打开的文档作为参数传递给父页面，该页面使用插件（例如SyntaxHighlighter：http://alexgorbatchev.com/SyntaxHighlighter/）获取文件并进行格式化。在浏览器中打开文本文件会导致无法阅读的混乱。 - Rory McCrossan

好的，我刚刚意识到如果你为“text”类添加属性“type: iframe”，它就可以正常工作了。 $（“.text”）.fancybox（{ 'type'：'iframe' }）; - javiaf

@RoryMcCrossan 哦，我已经检查了那个网址，好的，我认为将它包含进来会非常有用。非常感谢！ - javiaf

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();​

请查看演示

如需了解如何选择fancybox的内容type，请参阅：https://dev59.com/H2Yr5IYBdhLWcg3wNHmh#13869696

- JFK