Question

我正在jsp中构建一个web应用程序。我有一个textarea程序员编写他的java代码，我想在textarea中突出显示Java代码。

到目前为止，我已经完成了：

       <head>
       <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
       <script type="text/javascript" src="scripts/Javascript Libraries/jquery.snippet.js"></script>
       <link rel="stylesheet" type="text/css" href="scripts/Javascript Libraries/jquery.snippet.css" />

       <script>
        $(document).ready(function(){
            $("pre.javacode").snippet("java",{style:"blue"});
        });
       </script>

       </head>

<form id="mypage" action="NewAction.jsp" method="GET">

        <p>Please write in your main class name </p>
        <input type="text" ng-model="codename" name="filename" value="Example" required>
        <p><i>Please write your code here :</i></p>

       <pre class="javacode">
       <textarea  id="codearea" name="jcode" rows="20" cols="100" spellcheck="false" autofocuts>

       import java.io.*;
       import java.util.*;

       class {{codename}}
       {
        public static void main(String[]args)
        {

        }
       }

        </textarea>
        </pre>
        <br />
        <b>stdin:</b>
        <br />
        <input type="text" name="arg" value="" >

        <input type="submit" name="Submit" value="Submit" id="submitter" >
        <input type="button" name="reset" value="Reset" onclick="location.reload(true);">
        </form>

我得到的输出是：

Output to the above code in browser

需要一些关于语法高亮的指导。

Answer 1

textarea没有您需要的功能。它只能显示纯文本，因此忽略了所有样式，HTML元素和特殊字符。

尝试使用CodeMirror或ACE等编辑器小部件。

使用jquery语法highlighter突出显示html textarea中的Java代码

1 个答案: