从桌面读取python文件时高亮显示代码

Highlight code when python file is read from desktop

本文关键字：高亮 显示 代码 文件 桌面 读取 python      更新时间：2023-09-26

我有两个文件.js和html文件。我可以读取文件，它显示代码，但不会改变代码的颜色。我已经测试过了，当我硬编码它时，highlight.pack.js正在工作。我怀疑错误在$（#filecontents）.html（contents）。我不知道如何解决这个问题。插件可以从highlightcode 下载

.js文件

$(document).ready(function(){
  $('#fileform input:file').change(function(event){
    file = event.target.files[0];
    reader = new FileReader();
    reader.onload = function(event) {
      var contents = event.target.result;
      $('#filecontents').html(contents);
    }
    reader.readAsText(file)
  });
});

.html文件

<link rel="stylesheet" href="styles/school_book.css">
<script src="highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<form id="fileform" action="" method="post"> <input type="file" name="file" /></form>
<pre><code class = "python"><p id="filecontents"></p></code></pre>

添加了一行，在将脚本放入#filecontents 之前将其应用于event.target.result

$(document).ready(function(){
  $('#fileform input:file').change(function(event){
    file = event.target.files[0];
    reader = new FileReader();
    reader.onload = function(event) {
      var contents = event.target.result;
      contents = hljs.highlightAuto(contents).value; // convert to highlighted
      $('#filecontents').html(contents);
    }
    reader.readAsText(file)
  });
});​

示例小提琴。

相关文章：