使用JavaScript在我的html網站上的textarea中突出顯示xml代碼

-1

我正在構建一個包含textarea的網站，它顯示一段XML代碼並允許用戶對其進行編輯。它會像下面：使用JavaScript在我的html網站上的textarea中突出顯示xml代碼

<textarea> 
    <person> 
    <name>AAA</name> 
    <position>Manager</position> 
    <age>40</age> 
    </person> 
    <person> 
    <name>BBB</name> 
    <position>CEO</position> 
    <age>50</age> 
    </person> 
</textarea>

所以基本上，用戶將看到與下面的XML代碼的文本框，他可以編輯：

<person> 
    <name>AAA</name> 
    <position>Manager</position> 
    <age>40</age> 
    </person> 
    <person> 
    <name>BBB</name> 
    <position>CEO</position> 
    <age>50</age> 
    </person>

當然，默認情況下它們會顯示爲純黑色文本。我的目標是

1）突出顯示XML標記（與什麼StackOverflow上顯示），因此，它更容易爲用戶讀取XML內容

2）當用戶編輯XML內容，內容是再次動態突出顯示

是否有任何JavaScript已準備就緒，並會幫助我做到這一點？

非常感謝！

來源

2017-08-28 Feiiiiiiiiiiiii

尋求軟件建議是關於SO的主題。 https://stackoverflow.com/help/on-topic – Rob

有一些很好的JavaScript庫，突出顯示代碼在HTML頁面。例如，您有highlightjs。

在你的情況，你可以這樣做：

<link rel="stylesheet" 
 
     href="//cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/default.min.css"> 
 
<script src="//cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/highlight.min.js"></script> 
 
<pre><code class="xml"> 
 
    <person> 
 
    <name>AAA</name> 
 
    <position>Manager</position> 
 
    <age>40</age> 
 
    </person> 
 
    <person> 
 
    <name>BBB</name> 
 
    <position>CEO</position> 
 
    <age>50</age> 
 
    </person> 
 
</code></pre>

而你也有你的代碼高亮爲XML。但這在textarea中不起作用。

您可能需要構建自己的程序，以便用戶可以編輯代碼。喜歡的東西：

您創建一個可編輯的代碼框（強調通過上述庫）
用戶點擊框編輯其內容。
用戶編輯代碼。
用戶驗證更改。
您再次突出顯示您的框（在更改上）。

希望有所幫助。

來源

2017-08-29 00:02:28 Bird

只有鏈接的答案是不允許的。更糟糕的是，這個問題也是關於尋求軟件建議的主題，你不應該回答它。請刪除這個。 – Rob

儘管這個鏈接可能回答這個問題，但最好在這裏包含答案的重要部分，並提供供參考的鏈接。如果鏈接頁面更改，則僅鏈接答案可能會失效。 - [來自評論]（/ review/low-quality-posts/17170827） –

使用JavaScript在我的html網站上的textarea中突出顯示xml代碼

回答

相關問題