您好,我正在尝试通过Ajax调用使用highlight.js :它从PHP脚本中提取数据。填充了code
元素,但它只设置了背景和字体颜色的样式(在devtools中进行了验证),语法突出显示不会发生而不是。我已经在我的PHP脚本中使用htmlspecialchars
清理了这些文件。通过直接在元素中键入代码,我确实获得了正确的行为。我的HTML代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>hljs & PHP Proxy</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/atelier-forest-dark.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
</head>
<body>
<pre>
<code id="code" class="xml"></code>
</pre>
<script type="text/javascript" src="js/mjs-0000B.js"></script>
</body>
</html>
我的Javascript:
var xhr = new XMLHttpRequest()
var target = document.getElementById('code')
xhr.onload = function(){
if(xhr.status === 200)
target.textContent = xhr.responseText
console.log("Ajax request completed")
}
xhr.open('GET','https://localhost/proxy.php',true)
xhr.send(null)
window.addEventListener("load", function(event) {
console.log("Window resources loaded");
window.setTimeout(function(){
hljs.highlightBlock(target)
}, 50)
});
PHP:这是废话,但我能让它与CORS一起工作的唯一方法是:
<?php
$ch = curl_init();
// set url
curl_setopt($ch, CURLOPT_URL, "localhost/hljs-test.html");
//return the transfer as a string
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);
// $output contains the output string
$output = curl_exec($ch);
// close curl resource to free up system resources
curl_close($ch);
echo htmlspecialchars($output);
?>
我已经看过了这里几乎所有的问题,但还没有找到解决方案。到目前为止,HTML和JSON数据的结果都是一样的--我被难住了。谢谢。
编辑:
以下是从target.textContent请求的输出:
<!doctype html> <html lang="en"> <header> <meta charset="utf-8"> <script src="js/0008.js"></script> </header> <body></body> </html>
https://stackoverflow.com/questions/51031335
复制相似问题