Исходный код в iframe?

Question

Для моего сайта у меня мало файлов кода для загрузки, таких как файлы python (.py). У меня есть теги <a> для загрузки, но вы хотите отобразить исходный код перед его загрузкой. При наведении мыши я могу отобразить iframe, но мне трудно получить код для отображения.

FYI: Я использую страницы github для всего, и файлы находятся на сайте repo.

Код Jekyll для списка 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> 

Извините, если код немного грязный, так как я все еще довольно новичок в веб-разработке.

Код, отображающий iframe при имени файла description, отлично работает и отображает текст.

В блоке за исключением файла загружается файл. Есть ли способ отображать файлы .py, такие как файлы txt, вместо их загрузки?

Извините, если я не понимаю, его первый раз с HTML, CSS, JS и все остальное используется в веб-разработке.

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>