From 902981cc9a13e5ebb72df109b46463ae295deb76 Mon Sep 17 00:00:00 2001
From: Marijn Haverbeke <marijnh@gmail.com>
Date: Wed, 21 Dec 2011 21:12:21 +0100
Subject: [PATCH] Integrate LESS mode
Changes demo html page to fit in with other mode demos, link from
project page and compression helper.
---
doc/compress.html | 1 +
index.html | 1 +
mode/less/index.html | 56 ++++++++++++++++++--------------------------
mode/less/less.js | 2 ++
4 files changed, 27 insertions(+), 33 deletions(-)
diff --git a/doc/compress.html b/doc/compress.html
index cd48c3ba5..d9f997e17 100644
--- a/doc/compress.html
+++ b/doc/compress.html
@@ -59,6 +59,7 @@
<option value="http://codemirror.net/mode/htmlmixed/htmlmixed.js">htmlmixed.js</option>
<option value="http://codemirror.net/mode/javascript/javascript.js">javascript.js</option>
<option value="http://codemirror.net/mode/jinja2/jinja2.js">jinja2.js</option>
+ <option value="http://codemirror.net/mode/less/less.js">less.js</option>
<option value="http://codemirror.net/mode/lua/lua.js">lua.js</option>
<option value="http://codemirror.net/mode/markdown/markdown.js">markdown.js</option>
<option value="http://codemirror.net/mode/ntriples/ntriples.js">ntriples.js</option>
diff --git a/index.html b/index.html
index aa8856b03..b288f8676 100644
--- a/index.html
+++ b/index.html
@@ -46,6 +46,7 @@
<li><a href="mode/htmlmixed/index.html">HTML mixed-mode</a></li>
<li><a href="mode/javascript/index.html">JavaScript</a></li>
<li><a href="mode/jinja2/index.html">Jinja2</a></li>
+ <li><a href="mode/less/index.html">LESS</a></li>
<li><a href="mode/lua/index.html">Lua</a></li>
<li><a href="mode/markdown/index.html">Markdown</a> (<a href="mode/gfm/index.html">Github-flavour</a>)</li>
<li><a href="mode/ntriples/index.html">NTriples</a></li>
diff --git a/mode/less/index.html b/mode/less/index.html
index 1e47118f2..dbdcb9c84 100644
--- a/mode/less/index.html
+++ b/mode/less/index.html
@@ -1,30 +1,25 @@
-<!DOCTYPE HTML>
+<!doctype html>
<html lang="en">
-<head>
- <meta charset="UTF-8">
- <title>less CodeMirror2 Syntax</title>
-
- <link rel="stylesheet" href="../../lib/codemirror.css">
- <script src="../../lib/codemirror.js"></script>
- <link rel="stylesheet" href="../../theme/default.css">
- <script src="less.js"></script>
-
- <style type="text/css">
- form {
- border: 1px solid #222;
- font-size: 18px;
- }
-
- .CodeMirror-scroll {
- height: 600px;
- }
- </style>
-
-</head>
-<body>
-
- <form>
-<textarea name="code" id="code">
+ <head>
+ <meta charset="UTF-8">
+ <title>CodeMirror: LESS mode</title>
+ <link rel="stylesheet" href="../../lib/codemirror.css">
+ <script src="../../lib/codemirror.js"></script>
+ <script src="less.js"></script>
+ <link rel="stylesheet" href="../../doc/docs.css">
+ <style type="text/css">
+ form {
+ border: 1px solid #222;
+ font-size: 18px;
+ }
+ .CodeMirror-scroll {
+ height: 500px;
+ }
+ </style>
+ </head>
+ <body>
+ <h1>CodeMirror: LESS mode</h1>
+ <form><textarea id="code" name="code">
//
// Examples taken from http://lesscss.org
//
@@ -76,12 +71,7 @@ h2 {
color: @base-color + #003300;
border-color: desaturate(@red, 10%);
}
-
-
-
-
-</textarea>
- </form>
+</textarea></form>
<script type="text/javascript">
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
@@ -89,7 +79,7 @@ h2 {
lineNumbers: true
});
</script>
-
+ <p><strong>MIME types defined:</strong> <code>text/less</code>.</p>
</body>
</html>
diff --git a/mode/less/less.js b/mode/less/less.js
index 5653370fd..01c35ebfa 100644
--- a/mode/less/less.js
+++ b/mode/less/less.js
@@ -248,3 +248,5 @@ CodeMirror.defineMode('less', function(conf) {
}
}
});
+
+CodeMirror.defineMIME("text/less", "less");
--
GitLab