从桌面读取python文件时高亮显示代码
Highlight code when python file is read from desktop
我有两个文件.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)
});
});
示例小提琴。
相关文章:
- 从桌面读取python文件时高亮显示代码
- 高亮显示时编辑文本大小和颜色
- 高亮显示与数组字符串一起使用时文本插件中断
- FF视图源|脚本高亮显示为红色
- 父页面的角度路由器导航高亮显示
- OpenLayers在悬停时高亮显示功能,并在单击时选择
- 当DIV中的文本高亮显示时,如何获得DIV中Span的值?(Javascript)
- 延迟高亮显示文本区域中的文本
- Mootools:如何在点击时保持元素高亮显示并停止所有事件
- 高亮显示单击菜单链接
- Firefox-当不在输入控件上时隐藏焦点高亮显示
- 高亮显示包含<br>以及重新格式化网格
- 使用下拉选择菜单高亮显示一行表格单元格
- 如何限制javascript高亮显示函数的使用次数
- 在GXT中激活上下文菜单时,如何保持选中的文本高亮显示?(EXT GWT 2.x)
- html5中的文本高亮显示
- Markdown语法高亮显示未按预期工作
- D3js连续一个接一个地高亮显示条
- Javascript:搜索和高亮显示包括HTML标记
- 单击并用CTRL+C复制值时高亮显示html表格单元格