iframe中的源代码？

Question

对于我的网站，我几乎没有要下载的代码文件，例如python（.py）文件。 我有用于下载的<a>标记，但是想要在下载之前显示源代码。 悬停时，我可以显示iframe，但无法显示代码。

仅供参考：我正在使用github页面进行所有操作，这些文件位于站点存储库中。

DL列表的Jekyll代码。

<ul class="dl-display">
  <!-- get the folder name that the index..html file is contained in -->
  {% assign path_array = page.path | split: '/' %}
  {% assign path_array_rev = path_array | reverse %}
  {% assign page_dir = path_array_rev[1] | prepend: '/'%}
    {% for item in site.static_files %}
        {% if item.path contains page_dir %}
            {% unless item.path contains 'index.html' %}
                {% assign split_path = item.path | split: '/' %}
                {% assign filename = split_path.last %}
                {% assign rev_split_path = split_path | reverse %}
                {% assign dirname = rev_split_path[1] %}
                {% unless item.path contains '.txt' %}
                    <li><a href="{{site.baseurl}}{{item.path}}" download>{{filename}} <iframe id="sourcetooltip" src='{{item.path}}'></iframe></a></li>
                {% endunless %}
                {% if item.path contains 'description.txt' %} 
                    <iframe src='{{item.path}}' scrolling='no' frameborder='0'></iframe>
                {% endif %} 
            {% endunless %}
        {% endif %}
    {% endfor %}
</ul>

抱歉，如果代码有点混乱，因为我对Web开发还很陌生。

当文件名是description时显示iframe的代码可以完美工作并显示文本。

在“除非”块中，文件开始下载。 有什么方法可以显示.py文件，就像显示txt文件一样，而不是下载它们？

抱歉，如果我不清楚，这是我第一次使用HTML，CSS，JS以及Web开发中使用的其他任何工具。

Answer 1

尝试使用iframe属性srcdoc 。 它的价值可以是整个HTML页面，而无需花费时间在单独的页面上。

SNIPPET

 <iframe id='ifrm1' name='ifrm1' srcdoc=" <style> section { padding:5px; background: rgba(0,0,0,.6); } code { font:400 12px/.6 Consolas; background: rgba(0,0,0,.8); color: lime; padding:5px; } </style> <section> <pre><code> import urllib2 import urllib import json url = 'http://ajax.googleapis.com/ajax/services/search/web?v=1.0&' query = raw_input('What do you want to search for ? >> ') query = urllib.urlencode( {'q' : query } ) response = urllib2.urlopen (url + query ).read() data = json.loads ( response ) results = data [ 'responseData' ] [ 'results' ] for result in results: title = result['title'] url = result['url'] print ( title + '; ' + url ) </code></pre> </section>" width='100%' frameborder='0'></iframe>