syntax-highlighting 相关问题

所以我一直在努力在文本区域中使用highlight.js，因为显然这不起作用：世界你好所以我一直在努力在文本区域中使用highlight.js，因为显然这不起作用： <!DOCTYPE html> <html> <head> <title>Hello World</title> <link rel="stylesheet" href="styles/default.css"> <script src="highlight.pack.js"></script> <script>hljs.initHighlightingOnLoad();</script> </head> <body> <form> JavaScript Injection: <br> <pre> <code> <textarea name="js_execute" cols="50" rows="10" "></textarea> </code> </pre> <input type="button" name="Inject_Execute_Button" value = "Inject" onclick="executeJS()" > </form> <script type="text/javascript"> function executeJS() { alert("Wohoo"); } </script> <style type ="text/css"> </style> </body> </html> 我很确定这个问题有一个简单的答案，所以我不会太详细地解释它，但最后我更愿意将代码输入到 JavaScript 中突出显示的文本区域中。您可能想看看 http://ace.c9.io/，它具有语法突出显示功能，但专门针对编辑。但请注意，它也不使用 textarea，可能出于@isagalaev 提到的相同原因。简单的答案是，highlight.js 无法在文本区域中工作，因为它的内容不是页面的一部分，而且它本身不能有任何样式。如果您想在浏览器中使用带有highlight.js的文本编辑器，您可能应该查看contenteditable，这样您就可以在每次更改时对其内容调用hljs.highlight()。但是我不知道有任何成功的实施。我从使用页面了解到，它将突出显示<pre><code>标签内的代码。不是来自任何其他容器。在您的示例中，它将突出显示文本区域本身的 html，因为它位于 <pre><code> 标签内，而不是文本区域的内容。您可以使用 highlighted-code 来突出显示文本区域 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Highlighted Code Example</title> </head> <body> <textarea is="highlighted-code" cols="80" rows="12" language="javascript" tab-size="2" auto-height>console.log("highlighted code textarea");</textarea> <script type="module" defer> (async ({ chrome, netscape }) => { if (!chrome && !netscape) await import('https://unpkg.com/@ungap/custom-elements'); const { default: HighlightedCode } = await import('https://unpkg.com/highlighted-code'); HighlightedCode.useTheme('github'); })(self); </script> </body> </html>

javascript html syntax-highlighting highlight highlight.js

回答 4 投票 0

如何让Geany的Markdown语法高亮与缩进的代码块一致？

在 Geany 中编写以下内容 * 第 1 项 * 我的代码块将在此换行符之后 ``sql 在服务器上创建事件会话 query_performance 添加事件 sqlserver.sql_statement_completed(...

markdown syntax-highlighting geany

回答 1 投票 0

在 zsh 上 git checkout 后无法输入任何内容

我正在使用 zsh 5.7.1 (x86_64-pc-linux-gnu)，最近我开始使用 fast-syntax-highlighting 而不是 zsh-syntax-highlighting。第一天，一切都很好，但现在我无法...

git zsh syntax-highlighting

回答 1 投票 0

Highlight.js 与 React.js 语法高亮不起作用

我正在尝试将highlight.js与react一起使用，但语法突出显示现在可以正常工作。我试图将突出显示的语法存储在变量内，但显示的整个内容没有