diff --git a/src/main/webapp/index.jsp b/src/main/webapp/index.jsp
index 93d9ace74c1eab91bf291fadce8eab24a6c7ec30..c2c2585d7f7212405d4a0f64a461c3c0e6ce4fec 100644
--- a/src/main/webapp/index.jsp
+++ b/src/main/webapp/index.jsp
@@ -28,6 +28,15 @@
<link rel="stylesheet" href="${contextroot}/plantuml.css" />
<link rel="stylesheet" href="webjars/codemirror/3.21/lib/codemirror.css" />
<script src="webjars/codemirror/3.21/lib/codemirror.js"></script>
+ <script src="mode/plantuml.js"></script>
+ <script>
+ window.onload = function() {
+ var myCodeMirror = CodeMirror.fromTextArea(
+ document.getElementById("text"),
+ {lineNumbers: true}
+ );
+ };
+ </script>
<title>PlantUMLServer</title>
</head>
<body>
@@ -43,13 +52,12 @@
<%-- CONTENT --%>
<form method="post" accept-charset="UTF-8" action="${contextroot}/form">
<p>
- <textarea id="diagtext" name="text" cols="120" rows="10"><c:out value="${decoded}"/></textarea>
- <br/>
+ <textarea id="text" name="text" cols="120" rows="10"><c:out value="${decoded}"/></textarea>
<input type="submit" />
</p>
</form>
<hr/>
- You can enter here a previously generated URL:
+ <p>You can enter here a previously generated URL:</p>
<form method="post" action="${contextroot}/form">
<p>
<input name="url" type="text" size="150" value="${imgurl}" />
@@ -84,8 +92,5 @@
</div>
<%-- FOOTER --%>
<%@ include file="footer.jspf" %>
-<script>
- var myCodeMirror = CodeMirror.fromTextArea(document.getElementById("diagtext"), {lineNumbers: true});
-</script>
</body>
</html>
diff --git a/src/main/webapp/plantuml.css b/src/main/webapp/plantuml.css
index 916561ebac97907fe93b54a64c27d6956d6f29c6..4aa95ed49e753105f6da861602c1b1cf3228b350 100644
--- a/src/main/webapp/plantuml.css
+++ b/src/main/webapp/plantuml.css
@@ -3,8 +3,9 @@
******************************/
/* Font */
-* {
+h1, p, #content a {
font-family: arial,helvetica,sans-serif;
+ /* font-size: medium; */
}
/* Header */
@@ -22,16 +23,15 @@
}
/* Form inputs */
-#content textarea, #content input[type=text] {
+#content textarea, #content .CodeMirror, #content input[type=text] {
background-color: #ffc;
font-family: monospace;
+ font-size: medium;
width: 100%;
}
-/* XHTML tag */
-#content code {
- font-family: 'courier new',courier,monospace;
- letter-spacing: -1pt;
+#content input[type=text] {
+ border: 0;
}
/* Diagram */