iframeのソースコードですか？

Question

私のウェブサイトでは、Python（.py）ファイルなど、ダウンロードするコードファイルはほとんどありません。ダウンロード用の<a>タグがありますが、ダウンロードする前にソースコードを表示したいと考えています。マウスを動かすとiframeを表示できますが、コードを表示するのに問題があります。

FYI：すべてのgithubページを使用していますが、ファイルはサイトリポジトリにあります。

DLリストのジーコード。

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

申し訳ありませんがコードがちょっと混乱していても、私はまだウェブ開発にはかなり新しいです。

filenameがdescriptionのときにiframeを表示するコードは完全に動作し、テキストが表示されます。

このブロックでは、ファイルがダウンロードされます。 txtファイルをダウンロードする代わりに表示されるような.pyファイルを表示する方法はありますか？

申し訳ありませんが、私ははっきりしていない場合は、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>