Javascript 刷新高亮代码并仅提取高亮代码文本_Javascript

Javascript 刷新高亮代码并仅提取高亮代码文本

javascript

Javascript 刷新高亮代码并仅提取高亮代码文本,javascript,Javascript,JS函数highlight再次允许我刷新突出显示oninput的代码。然而，不知何故，我无法设置光标位置以返回到当前输入的字母。如果我设置contentsable以获取光标位置，我可以使用什么此外，我只想提取没有高亮标记的文本代码。我是否需要通过删除所有高亮显示元素手动进行设置，或者是否有重置高亮显示功能以获取原始文本的功能 <!DOCTYPE html> <html> <head> <link rel="stylesheet&quo

JS函数highlight再次允许我刷新突出显示oninput的代码。然而，不知何故，我无法设置光标位置以返回到当前输入的字母。如果我设置contentsable以获取光标位置，我可以使用什么

此外，我只想提取没有高亮标记的文本代码。我是否需要通过删除所有高亮显示元素手动进行设置，或者是否有重置高亮显示功能以获取原始文本的功能

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" id="stylesheet" href="styles/atom-one-dark.css">
    <script type="text/javascript" src="highlight.pack.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>
</head>
<body>
    <pre><code class="html" contenteditable="true" id="code" oninput="highlightAgain(this);" >
        &lt;!DOCTYP
        &lt;html&gt;
        &lt;head&gt;
            &lt;title&gt;Highlighter&lt;/title&gt;
            &lt;link rel="stylesheet" type="text/css" href="styles/atom-one-dark.css"&gt;
        &lt;/head&gt;
        &lt;body&gt;
        &lt;/body&gt;
        &lt;/html&gt;
    </code></pre>
<script>
        function highlightAgain(e){

        var position = e.selectionStart;
        console.log(e.selectionStart);
        hljs.initHighlighting.called = false;
        hljs.initHighlighting();
        e.selectionStart = position;
    }
</script>
</body>
</html>


hljs.initHighlightingOnLoad（）；

!博士
html
头
标题荧光笔/标题
link rel=“stylesheet”type=“text/css”href=“styles/atom one dark.css”
/头
身体
/身体
/html


功能再次亮起（e）{
变量位置=e.selectionStart；
console.log（如selectionStart）；
hljs.initHighlighting.called=false；
hljs.initHighlighting（）；
e、 选择开始=位置；
}