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，而无需将时间投入到单独的页面中。

<强>段

<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>

iframe中的源代码？

1 个答案: