xushubieli
3 years ago
31 changed files with 0 additions and 2172 deletions
Unified View
Diff Options
-
+0 -360src/admin/js/mode/clike/index.html
-
+0 -767src/admin/js/mode/clike/scala.html
-
+0 -103src/admin/js/mode/css/gss.html
-
+0 -75src/admin/js/mode/css/index.html
-
+0 -152src/admin/js/mode/css/less.html
-
+0 -157src/admin/js/mode/css/scss.html
-
+0 -100src/admin/js/mode/htmlmixed/index.html
-
+0 -114src/admin/js/mode/javascript/index.html
-
+0 -72src/admin/js/mode/javascript/json-ld.html
-
+0 -61src/admin/js/mode/javascript/typescript.html
-
+0 -64src/admin/js/mode/php/index.html
-
+0 -86src/admin/js/mode/sql/index.html
-
+0 -61src/admin/js/mode/xml/index.html
-
BINsrc/static/img/106.gif
-
BINsrc/static/img/c-bury.png
-
BINsrc/static/img/c-digg.png
-
BINsrc/static/img/df_gbg.gif
-
BINsrc/static/img/face/1.gif
-
BINsrc/static/img/face/2.gif
-
BINsrc/static/img/face/3.gif
-
BINsrc/static/img/face/4.gif
-
BINsrc/static/img/face/5.gif
-
BINsrc/static/img/face/6.gif
-
BINsrc/static/img/face/7.gif
-
BINsrc/static/img/face/8.gif
-
BINsrc/static/img/fbico.gif
-
BINsrc/static/img/file.gif
-
BINsrc/static/img/file_move.gif
-
BINsrc/static/img/lbg.gif
-
BINsrc/static/img/menuarrow.gif
-
BINsrc/static/img/menumember.gif
+ 0
- 360
src/admin/js/mode/clike/index.html
View File
| @@ -1,360 +0,0 @@ | |||||
| <!DOCTYPE html> | |||||
| <title>CodeMirror: C-like mode</title> | |||||
| <meta charset="utf-8"/> | |||||
| <link rel=stylesheet href="../../doc/docs.css"> | |||||
| <link rel="stylesheet" href="../../lib/codemirror.css"> | |||||
| <script src="../../lib/codemirror.js"></script> | |||||
| <script src="../../addon/edit/matchbrackets.js"></script> | |||||
| <link rel="stylesheet" href="../../addon/hint/show-hint.css"> | |||||
| <script src="../../addon/hint/show-hint.js"></script> | |||||
| <script src="clike.js"></script> | |||||
| <style>.CodeMirror {border: 2px inset #dee;}</style> | |||||
| <div id=nav> | |||||
| <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||||
| <ul> | |||||
| <li><a href="../../index.html">Home</a> | |||||
| <li><a href="../../doc/manual.html">Manual</a> | |||||
| <li><a href="https://github.com/codemirror/codemirror">Code</a> | |||||
| </ul> | |||||
| <ul> | |||||
| <li><a href="../index.html">Language modes</a> | |||||
| <li><a class=active href="javascript:;">C-like</a> | |||||
| </ul> | |||||
| </div> | |||||
| <article> | |||||
| <h2>C-like mode</h2> | |||||
| <div><textarea id="c-code"> | |||||
| /* C demo code */ | |||||
| #include <zmq.h> | |||||
| #include <pthread.h> | |||||
| #include <semaphore.h> | |||||
| #include <time.h> | |||||
| #include <stdio.h> | |||||
| #include <fcntl.h> | |||||
| #include <malloc.h> | |||||
| typedef struct { | |||||
| void* arg_socket; | |||||
| zmq_msg_t* arg_msg; | |||||
| char* arg_string; | |||||
| unsigned long arg_len; | |||||
| int arg_int, arg_command; | |||||
| int signal_fd; | |||||
| int pad; | |||||
| void* context; | |||||
| sem_t sem; | |||||
| } acl_zmq_context; | |||||
| #define p(X) (context->arg_##X) | |||||
| void* zmq_thread(void* context_pointer) { | |||||
| acl_zmq_context* context = (acl_zmq_context*)context_pointer; | |||||
| char ok = 'K', err = 'X'; | |||||
| int res; | |||||
| while (1) { | |||||
| while ((res = sem_wait(&context->sem)) == EINTR); | |||||
| if (res) {write(context->signal_fd, &err, 1); goto cleanup;} | |||||
| switch(p(command)) { | |||||
| case 0: goto cleanup; | |||||
| case 1: p(socket) = zmq_socket(context->context, p(int)); break; | |||||
| case 2: p(int) = zmq_close(p(socket)); break; | |||||
| case 3: p(int) = zmq_bind(p(socket), p(string)); break; | |||||
| case 4: p(int) = zmq_connect(p(socket), p(string)); break; | |||||
| case 5: p(int) = zmq_getsockopt(p(socket), p(int), (void*)p(string), &p(len)); break; | |||||
| case 6: p(int) = zmq_setsockopt(p(socket), p(int), (void*)p(string), p(len)); break; | |||||
| case 7: p(int) = zmq_send(p(socket), p(msg), p(int)); break; | |||||
| case 8: p(int) = zmq_recv(p(socket), p(msg), p(int)); break; | |||||
| case 9: p(int) = zmq_poll(p(socket), p(int), p(len)); break; | |||||
| } | |||||
| p(command) = errno; | |||||
| write(context->signal_fd, &ok, 1); | |||||
| } | |||||
| cleanup: | |||||
| close(context->signal_fd); | |||||
| free(context_pointer); | |||||
| return 0; | |||||
| } | |||||
| void* zmq_thread_init(void* zmq_context, int signal_fd) { | |||||
| acl_zmq_context* context = malloc(sizeof(acl_zmq_context)); | |||||
| pthread_t thread; | |||||
| context->context = zmq_context; | |||||
| context->signal_fd = signal_fd; | |||||
| sem_init(&context->sem, 1, 0); | |||||
| pthread_create(&thread, 0, &zmq_thread, context); | |||||
| pthread_detach(thread); | |||||
| return context; | |||||
| } | |||||
| </textarea></div> | |||||
| <h2>C++ example</h2> | |||||
| <div><textarea id="cpp-code"> | |||||
| #include <iostream> | |||||
| #include "mystuff/util.h" | |||||
| namespace { | |||||
| enum Enum { | |||||
| VAL1, VAL2, VAL3 | |||||
| }; | |||||
| char32_t unicode_string = U"\U0010FFFF"; | |||||
| string raw_string = R"delim(anything | |||||
| you | |||||
| want)delim"; | |||||
| int Helper(const MyType& param) { | |||||
| return 0; | |||||
| } | |||||
| } // namespace | |||||
| class ForwardDec; | |||||
| template <class T, class V> | |||||
| class Class : public BaseClass { | |||||
| const MyType<T, V> member_; | |||||
| public: | |||||
| const MyType<T, V>& Method() const { | |||||
| return member_; | |||||
| } | |||||
| void Method2(MyType<T, V>* value); | |||||
| } | |||||
| template <class T, class V> | |||||
| void Class::Method2(MyType<T, V>* value) { | |||||
| std::out << 1 >> method(); | |||||
| value->Method3(member_); | |||||
| member_ = value; | |||||
| } | |||||
| </textarea></div> | |||||
| <h2>Objective-C example</h2> | |||||
| <div><textarea id="objectivec-code"> | |||||
| /* | |||||
| This is a longer comment | |||||
| That spans two lines | |||||
| */ | |||||
| #import <Test/Test.h> | |||||
| @implementation YourAppDelegate | |||||
| // This is a one-line comment | |||||
| - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions{ | |||||
| char myString[] = "This is a C character array"; | |||||
| int test = 5; | |||||
| return YES; | |||||
| } | |||||
| </textarea></div> | |||||
| <h2>Java example</h2> | |||||
| <div><textarea id="java-code"> | |||||
| import com.demo.util.MyType; | |||||
| import com.demo.util.MyInterface; | |||||
| public enum Enum { | |||||
| VAL1, VAL2, VAL3 | |||||
| } | |||||
| public class Class<T, V> implements MyInterface { | |||||
| public static final MyType<T, V> member; | |||||
| private class InnerClass { | |||||
| public int zero() { | |||||
| return 0; | |||||
| } | |||||
| } | |||||
| @Override | |||||
| public MyType method() { | |||||
| return member; | |||||
| } | |||||
| public void method2(MyType<T, V> value) { | |||||
| method(); | |||||
| value.method3(); | |||||
| member = value; | |||||
| } | |||||
| } | |||||
| </textarea></div> | |||||
| <h2>Scala example</h2> | |||||
| <div><textarea id="scala-code"> | |||||
| object FilterTest extends App { | |||||
| def filter(xs: List[Int], threshold: Int) = { | |||||
| def process(ys: List[Int]): List[Int] = | |||||
| if (ys.isEmpty) ys | |||||
| else if (ys.head < threshold) ys.head :: process(ys.tail) | |||||
| else process(ys.tail) | |||||
| process(xs) | |||||
| } | |||||
| println(filter(List(1, 9, 2, 8, 3, 7, 4), 5)) | |||||
| } | |||||
| </textarea></div> | |||||
| <h2>Kotlin mode</h2> | |||||
| <div><textarea id="kotlin-code"> | |||||
| package org.wasabi.http | |||||
| import java.util.concurrent.Executors | |||||
| import java.net.InetSocketAddress | |||||
| import org.wasabi.app.AppConfiguration | |||||
| import io.netty.bootstrap.ServerBootstrap | |||||
| import io.netty.channel.nio.NioEventLoopGroup | |||||
| import io.netty.channel.socket.nio.NioServerSocketChannel | |||||
| import org.wasabi.app.AppServer | |||||
| public class HttpServer(private val appServer: AppServer) { | |||||
| val bootstrap: ServerBootstrap | |||||
| val primaryGroup: NioEventLoopGroup | |||||
| val workerGroup: NioEventLoopGroup | |||||
| init { | |||||
| // Define worker groups | |||||
| primaryGroup = NioEventLoopGroup() | |||||
| workerGroup = NioEventLoopGroup() | |||||
| // Initialize bootstrap of server | |||||
| bootstrap = ServerBootstrap() | |||||
| bootstrap.group(primaryGroup, workerGroup) | |||||
| bootstrap.channel(javaClass<NioServerSocketChannel>()) | |||||
| bootstrap.childHandler(NettyPipelineInitializer(appServer)) | |||||
| } | |||||
| public fun start(wait: Boolean = true) { | |||||
| val channel = bootstrap.bind(appServer.configuration.port)?.sync()?.channel() | |||||
| if (wait) { | |||||
| channel?.closeFuture()?.sync() | |||||
| } | |||||
| } | |||||
| public fun stop() { | |||||
| // Shutdown all event loops | |||||
| primaryGroup.shutdownGracefully() | |||||
| workerGroup.shutdownGracefully() | |||||
| // Wait till all threads are terminated | |||||
| primaryGroup.terminationFuture().sync() | |||||
| workerGroup.terminationFuture().sync() | |||||
| } | |||||
| } | |||||
| </textarea></div> | |||||
| <h2>Ceylon mode</h2> | |||||
| <div><textarea id="ceylon-code"> | |||||
| "Produces the [[stream|Iterable]] that results from repeated | |||||
| application of the given [[function|next]] to the given | |||||
| [[first]] element of the stream, until the function first | |||||
| returns [[finished]]. If the given function never returns | |||||
| `finished`, the resulting stream is infinite. | |||||
| For example: | |||||
| loop(0)(2.plus).takeWhile(10.largerThan) | |||||
| produces the stream `{ 0, 2, 4, 6, 8 }`." | |||||
| tagged("Streams") | |||||
| shared {Element+} loop<Element>( | |||||
| "The first element of the resulting stream." | |||||
| Element first)( | |||||
| "The function that produces the next element of the | |||||
| stream, given the current element. The function may | |||||
| return [[finished]] to indicate the end of the | |||||
| stream." | |||||
| Element|Finished next(Element element)) | |||||
| => let (start = first) | |||||
| object satisfies {Element+} { | |||||
| first => start; | |||||
| empty => false; | |||||
| function nextElement(Element element) | |||||
| => next(element); | |||||
| iterator() | |||||
| => object satisfies Iterator<Element> { | |||||
| variable Element|Finished current = start; | |||||
| shared actual Element|Finished next() { | |||||
| if (!is Finished result = current) { | |||||
| current = nextElement(result); | |||||
| return result; | |||||
| } | |||||
| else { | |||||
| return finished; | |||||
| } | |||||
| } | |||||
| }; | |||||
| }; | |||||
| </textarea></div> | |||||
| <script> | |||||
| var cEditor = CodeMirror.fromTextArea(document.getElementById("c-code"), { | |||||
| lineNumbers: true, | |||||
| matchBrackets: true, | |||||
| mode: "text/x-csrc" | |||||
| }); | |||||
| var cppEditor = CodeMirror.fromTextArea(document.getElementById("cpp-code"), { | |||||
| lineNumbers: true, | |||||
| matchBrackets: true, | |||||
| mode: "text/x-c++src" | |||||
| }); | |||||
| var javaEditor = CodeMirror.fromTextArea(document.getElementById("java-code"), { | |||||
| lineNumbers: true, | |||||
| matchBrackets: true, | |||||
| mode: "text/x-java" | |||||
| }); | |||||
| var objectivecEditor = CodeMirror.fromTextArea(document.getElementById("objectivec-code"), { | |||||
| lineNumbers: true, | |||||
| matchBrackets: true, | |||||
| mode: "text/x-objectivec" | |||||
| }); | |||||
| var scalaEditor = CodeMirror.fromTextArea(document.getElementById("scala-code"), { | |||||
| lineNumbers: true, | |||||
| matchBrackets: true, | |||||
| mode: "text/x-scala" | |||||
| }); | |||||
| var kotlinEditor = CodeMirror.fromTextArea(document.getElementById("kotlin-code"), { | |||||
| lineNumbers: true, | |||||
| matchBrackets: true, | |||||
| mode: "text/x-kotlin" | |||||
| }); | |||||
| var ceylonEditor = CodeMirror.fromTextArea(document.getElementById("ceylon-code"), { | |||||
| lineNumbers: true, | |||||
| matchBrackets: true, | |||||
| mode: "text/x-ceylon" | |||||
| }); | |||||
| var mac = CodeMirror.keyMap.default == CodeMirror.keyMap.macDefault; | |||||
| CodeMirror.keyMap.default[(mac ? "Cmd" : "Ctrl") + "-Space"] = "autocomplete"; | |||||
| </script> | |||||
| <p>Simple mode that tries to handle C-like languages as well as it | |||||
| can. Takes two configuration parameters: <code>keywords</code>, an | |||||
| object whose property names are the keywords in the language, | |||||
| and <code>useCPP</code>, which determines whether C preprocessor | |||||
| directives are recognized.</p> | |||||
| <p><strong>MIME types defined:</strong> <code>text/x-csrc</code> | |||||
| (C), <code>text/x-c++src</code> (C++), <code>text/x-java</code> | |||||
| (Java), <code>text/x-csharp</code> (C#), | |||||
| <code>text/x-objectivec</code> (Objective-C), | |||||
| <code>text/x-scala</code> (Scala), <code>text/x-vertex</code> | |||||
| <code>x-shader/x-fragment</code> (shader programs), | |||||
| <code>text/x-squirrel</code> (Squirrel) and | |||||
| <code>text/x-ceylon</code> (Ceylon)</p> | |||||
| </article> | |||||
+ 0
- 767
src/admin/js/mode/clike/scala.html
View File
| @@ -1,767 +0,0 @@ | |||||
| <!DOCTYPE html> | |||||
| <title>CodeMirror: Scala mode</title> | |||||
| <meta charset="utf-8"/> | |||||
| <link rel=stylesheet href="../../doc/docs.css"> | |||||
| <link rel="stylesheet" href="../../lib/codemirror.css"> | |||||
| <link rel="stylesheet" href="../../theme/ambiance.css"> | |||||
| <script src="../../lib/codemirror.js"></script> | |||||
| <script src="../../addon/edit/matchbrackets.js"></script> | |||||
| <script src="clike.js"></script> | |||||
| <div id=nav> | |||||
| <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||||
| <ul> | |||||
| <li><a href="../../index.html">Home</a> | |||||
| <li><a href="../../doc/manual.html">Manual</a> | |||||
| <li><a href="https://github.com/codemirror/codemirror">Code</a> | |||||
| </ul> | |||||
| <ul> | |||||
| <li><a href="../index.html">Language modes</a> | |||||
| <li><a class=active href="javascript:;">Scala</a> | |||||
| </ul> | |||||
| </div> | |||||
| <article> | |||||
| <h2>Scala mode</h2> | |||||
| <form> | |||||
| <textarea id="code" name="code"> | |||||
| /* __ *\ | |||||
| ** ________ ___ / / ___ Scala API ** | |||||
| ** / __/ __// _ | / / / _ | (c) 2003-2011, LAMP/EPFL ** | |||||
| ** __\ \/ /__/ __ |/ /__/ __ | http://scala-lang.org/ ** | |||||
| ** /____/\___/_/ |_/____/_/ | | ** | |||||
| ** |/ ** | |||||
| \* */ | |||||
| package scala.collection | |||||
| import generic._ | |||||
| import mutable.{ Builder, ListBuffer } | |||||
| import annotation.{tailrec, migration, bridge} | |||||
| import annotation.unchecked.{ uncheckedVariance => uV } | |||||
| import parallel.ParIterable | |||||
| /** A template trait for traversable collections of type `Traversable[A]`. | |||||
| * | |||||
| * $traversableInfo | |||||
| * @define mutability | |||||
| * @define traversableInfo | |||||
| * This is a base trait of all kinds of $mutability Scala collections. It | |||||
| * implements the behavior common to all collections, in terms of a method | |||||
| * `foreach` with signature: | |||||
| * {{{ | |||||
| * def foreach[U](f: Elem => U): Unit | |||||
| * }}} | |||||
| * Collection classes mixing in this trait provide a concrete | |||||
| * `foreach` method which traverses all the | |||||
| * elements contained in the collection, applying a given function to each. | |||||
| * They also need to provide a method `newBuilder` | |||||
| * which creates a builder for collections of the same kind. | |||||
| * | |||||
| * A traversable class might or might not have two properties: strictness | |||||
| * and orderedness. Neither is represented as a type. | |||||
| * | |||||
| * The instances of a strict collection class have all their elements | |||||
| * computed before they can be used as values. By contrast, instances of | |||||
| * a non-strict collection class may defer computation of some of their | |||||
| * elements until after the instance is available as a value. | |||||
| * A typical example of a non-strict collection class is a | |||||
| * <a href="../immutable/Stream.html" target="ContentFrame"> | |||||
| * `scala.collection.immutable.Stream`</a>. | |||||
| * A more general class of examples are `TraversableViews`. | |||||
| * | |||||
| * If a collection is an instance of an ordered collection class, traversing | |||||
| * its elements with `foreach` will always visit elements in the | |||||
| * same order, even for different runs of the program. If the class is not | |||||
| * ordered, `foreach` can visit elements in different orders for | |||||
| * different runs (but it will keep the same order in the same run).' | |||||
| * | |||||
| * A typical example of a collection class which is not ordered is a | |||||
| * `HashMap` of objects. The traversal order for hash maps will | |||||
| * depend on the hash codes of its elements, and these hash codes might | |||||
| * differ from one run to the next. By contrast, a `LinkedHashMap` | |||||
| * is ordered because it's `foreach` method visits elements in the | |||||
| * order they were inserted into the `HashMap`. | |||||
| * | |||||
| * @author Martin Odersky | |||||
| * @version 2.8 | |||||
| * @since 2.8 | |||||
| * @tparam A the element type of the collection | |||||
| * @tparam Repr the type of the actual collection containing the elements. | |||||
| * | |||||
| * @define Coll Traversable | |||||
| * @define coll traversable collection | |||||
| */ | |||||
| trait TraversableLike[+A, +Repr] extends HasNewBuilder[A, Repr] | |||||
| with FilterMonadic[A, Repr] | |||||
| with TraversableOnce[A] | |||||
| with GenTraversableLike[A, Repr] | |||||
| with Parallelizable[A, ParIterable[A]] | |||||
| { | |||||
| self => | |||||
| import Traversable.breaks._ | |||||
| /** The type implementing this traversable */ | |||||
| protected type Self = Repr | |||||
| /** The collection of type $coll underlying this `TraversableLike` object. | |||||
| * By default this is implemented as the `TraversableLike` object itself, | |||||
| * but this can be overridden. | |||||
| */ | |||||
| def repr: Repr = this.asInstanceOf[Repr] | |||||
| /** The underlying collection seen as an instance of `$Coll`. | |||||
| * By default this is implemented as the current collection object itself, | |||||
| * but this can be overridden. | |||||
| */ | |||||
| protected[this] def thisCollection: Traversable[A] = this.asInstanceOf[Traversable[A]] | |||||
| /** A conversion from collections of type `Repr` to `$Coll` objects. | |||||
| * By default this is implemented as just a cast, but this can be overridden. | |||||
| */ | |||||
| protected[this] def toCollection(repr: Repr): Traversable[A] = repr.asInstanceOf[Traversable[A]] | |||||
| /** Creates a new builder for this collection type. | |||||
| */ | |||||
| protected[this] def newBuilder: Builder[A, Repr] | |||||
| protected[this] def parCombiner = ParIterable.newCombiner[A] | |||||
| /** Applies a function `f` to all elements of this $coll. | |||||
| * | |||||
| * Note: this method underlies the implementation of most other bulk operations. | |||||
| * It's important to implement this method in an efficient way. | |||||
| * | |||||
| * | |||||
| * @param f the function that is applied for its side-effect to every element. | |||||
| * The result of function `f` is discarded. | |||||
| * | |||||
| * @tparam U the type parameter describing the result of function `f`. | |||||
| * This result will always be ignored. Typically `U` is `Unit`, | |||||
| * but this is not necessary. | |||||
| * | |||||
| * @usecase def foreach(f: A => Unit): Unit | |||||
| */ | |||||
| def foreach[U](f: A => U): Unit | |||||
| /** Tests whether this $coll is empty. | |||||
| * | |||||
| * @return `true` if the $coll contain no elements, `false` otherwise. | |||||
| */ | |||||
| def isEmpty: Boolean = { | |||||
| var result = true | |||||
| breakable { | |||||
| for (x <- this) { | |||||
| result = false | |||||
| break | |||||
| } | |||||
| } | |||||
| result | |||||
| } | |||||
| /** Tests whether this $coll is known to have a finite size. | |||||
| * All strict collections are known to have finite size. For a non-strict collection | |||||
| * such as `Stream`, the predicate returns `true` if all elements have been computed. | |||||
| * It returns `false` if the stream is not yet evaluated to the end. | |||||
| * | |||||
| * Note: many collection methods will not work on collections of infinite sizes. | |||||
| * | |||||
| * @return `true` if this collection is known to have finite size, `false` otherwise. | |||||
| */ | |||||
| def hasDefiniteSize = true | |||||
| def ++[B >: A, That](that: GenTraversableOnce[B])(implicit bf: CanBuildFrom[Repr, B, That]): That = { | |||||
| val b = bf(repr) | |||||
| if (that.isInstanceOf[IndexedSeqLike[_, _]]) b.sizeHint(this, that.seq.size) | |||||
| b ++= thisCollection | |||||
| b ++= that.seq | |||||
| b.result | |||||
| } | |||||
| @bridge | |||||
| def ++[B >: A, That](that: TraversableOnce[B])(implicit bf: CanBuildFrom[Repr, B, That]): That = | |||||
| ++(that: GenTraversableOnce[B])(bf) | |||||
| /** Concatenates this $coll with the elements of a traversable collection. | |||||
| * It differs from ++ in that the right operand determines the type of the | |||||
| * resulting collection rather than the left one. | |||||
| * | |||||
| * @param that the traversable to append. | |||||
| * @tparam B the element type of the returned collection. | |||||
| * @tparam That $thatinfo | |||||
| * @param bf $bfinfo | |||||
| * @return a new collection of type `That` which contains all elements | |||||
| * of this $coll followed by all elements of `that`. | |||||
| * | |||||
| * @usecase def ++:[B](that: TraversableOnce[B]): $Coll[B] | |||||
| * | |||||
| * @return a new $coll which contains all elements of this $coll | |||||
| * followed by all elements of `that`. | |||||
| */ | |||||
| def ++:[B >: A, That](that: TraversableOnce[B])(implicit bf: CanBuildFrom[Repr, B, That]): That = { | |||||
| val b = bf(repr) | |||||
| if (that.isInstanceOf[IndexedSeqLike[_, _]]) b.sizeHint(this, that.size) | |||||
| b ++= that | |||||
| b ++= thisCollection | |||||
| b.result | |||||
| } | |||||
| /** This overload exists because: for the implementation of ++: we should reuse | |||||
| * that of ++ because many collections override it with more efficient versions. | |||||
| * Since TraversableOnce has no '++' method, we have to implement that directly, | |||||
| * but Traversable and down can use the overload. | |||||
| */ | |||||
| def ++:[B >: A, That](that: Traversable[B])(implicit bf: CanBuildFrom[Repr, B, That]): That = | |||||
| (that ++ seq)(breakOut) | |||||
| def map[B, That](f: A => B)(implicit bf: CanBuildFrom[Repr, B, That]): That = { | |||||
| val b = bf(repr) | |||||
| b.sizeHint(this) | |||||
| for (x <- this) b += f(x) | |||||
| b.result | |||||
| } | |||||
| def flatMap[B, That](f: A => GenTraversableOnce[B])(implicit bf: CanBuildFrom[Repr, B, That]): That = { | |||||
| val b = bf(repr) | |||||
| for (x <- this) b ++= f(x).seq | |||||
| b.result | |||||
| } | |||||
| /** Selects all elements of this $coll which satisfy a predicate. | |||||
| * | |||||
| * @param p the predicate used to test elements. | |||||
| * @return a new $coll consisting of all elements of this $coll that satisfy the given | |||||
| * predicate `p`. The order of the elements is preserved. | |||||
| */ | |||||
| def filter(p: A => Boolean): Repr = { | |||||
| val b = newBuilder | |||||
| for (x <- this) | |||||
| if (p(x)) b += x | |||||
| b.result | |||||
| } | |||||
| /** Selects all elements of this $coll which do not satisfy a predicate. | |||||
| * | |||||
| * @param p the predicate used to test elements. | |||||
| * @return a new $coll consisting of all elements of this $coll that do not satisfy the given | |||||
| * predicate `p`. The order of the elements is preserved. | |||||
| */ | |||||
| def filterNot(p: A => Boolean): Repr = filter(!p(_)) | |||||
| def collect[B, That](pf: PartialFunction[A, B])(implicit bf: CanBuildFrom[Repr, B, That]): That = { | |||||
| val b = bf(repr) | |||||
| for (x <- this) if (pf.isDefinedAt(x)) b += pf(x) | |||||
| b.result | |||||
| } | |||||
| /** Builds a new collection by applying an option-valued function to all | |||||
| * elements of this $coll on which the function is defined. | |||||
| * | |||||
| * @param f the option-valued function which filters and maps the $coll. | |||||
| * @tparam B the element type of the returned collection. | |||||
| * @tparam That $thatinfo | |||||
| * @param bf $bfinfo | |||||
| * @return a new collection of type `That` resulting from applying the option-valued function | |||||
| * `f` to each element and collecting all defined results. | |||||
| * The order of the elements is preserved. | |||||
| * | |||||
| * @usecase def filterMap[B](f: A => Option[B]): $Coll[B] | |||||
| * | |||||
| * @param pf the partial function which filters and maps the $coll. | |||||
| * @return a new $coll resulting from applying the given option-valued function | |||||
| * `f` to each element and collecting all defined results. | |||||
| * The order of the elements is preserved. | |||||
| def filterMap[B, That](f: A => Option[B])(implicit bf: CanBuildFrom[Repr, B, That]): That = { | |||||
| val b = bf(repr) | |||||
| for (x <- this) | |||||
| f(x) match { | |||||
| case Some(y) => b += y | |||||
| case _ => | |||||
| } | |||||
| b.result | |||||
| } | |||||
| */ | |||||
| /** Partitions this $coll in two ${coll}s according to a predicate. | |||||
| * | |||||
| * @param p the predicate on which to partition. | |||||
| * @return a pair of ${coll}s: the first $coll consists of all elements that | |||||
| * satisfy the predicate `p` and the second $coll consists of all elements | |||||
| * that don't. The relative order of the elements in the resulting ${coll}s | |||||
| * is the same as in the original $coll. | |||||
| */ | |||||
| def partition(p: A => Boolean): (Repr, Repr) = { | |||||
| val l, r = newBuilder | |||||
| for (x <- this) (if (p(x)) l else r) += x | |||||
| (l.result, r.result) | |||||
| } | |||||
| def groupBy[K](f: A => K): immutable.Map[K, Repr] = { | |||||
| val m = mutable.Map.empty[K, Builder[A, Repr]] | |||||
| for (elem <- this) { | |||||
| val key = f(elem) | |||||
| val bldr = m.getOrElseUpdate(key, newBuilder) | |||||
| bldr += elem | |||||
| } | |||||
| val b = immutable.Map.newBuilder[K, Repr] | |||||
| for ((k, v) <- m) | |||||
| b += ((k, v.result)) | |||||
| b.result | |||||
| } | |||||
| /** Tests whether a predicate holds for all elements of this $coll. | |||||
| * | |||||
| * $mayNotTerminateInf | |||||
| * | |||||
| * @param p the predicate used to test elements. | |||||
| * @return `true` if the given predicate `p` holds for all elements | |||||
| * of this $coll, otherwise `false`. | |||||
| */ | |||||
| def forall(p: A => Boolean): Boolean = { | |||||
| var result = true | |||||
| breakable { | |||||
| for (x <- this) | |||||
| if (!p(x)) { result = false; break } | |||||
| } | |||||
| result | |||||
| } | |||||
| /** Tests whether a predicate holds for some of the elements of this $coll. | |||||
| * | |||||
| * $mayNotTerminateInf | |||||
| * | |||||
| * @param p the predicate used to test elements. | |||||
| * @return `true` if the given predicate `p` holds for some of the | |||||
| * elements of this $coll, otherwise `false`. | |||||
| */ | |||||
| def exists(p: A => Boolean): Boolean = { | |||||
| var result = false | |||||
| breakable { | |||||
| for (x <- this) | |||||
| if (p(x)) { result = true; break } | |||||
| } | |||||
| result | |||||
| } | |||||
| /** Finds the first element of the $coll satisfying a predicate, if any. | |||||
| * | |||||
| * $mayNotTerminateInf | |||||
| * $orderDependent | |||||
| * | |||||
| * @param p the predicate used to test elements. | |||||
| * @return an option value containing the first element in the $coll | |||||
| * that satisfies `p`, or `None` if none exists. | |||||
| */ | |||||
| def find(p: A => Boolean): Option[A] = { | |||||
| var result: Option[A] = None | |||||
| breakable { | |||||
| for (x <- this) | |||||
| if (p(x)) { result = Some(x); break } | |||||
| } | |||||
| result | |||||
| } | |||||
| def scan[B >: A, That](z: B)(op: (B, B) => B)(implicit cbf: CanBuildFrom[Repr, B, That]): That = scanLeft(z)(op) | |||||
| def scanLeft[B, That](z: B)(op: (B, A) => B)(implicit bf: CanBuildFrom[Repr, B, That]): That = { | |||||
| val b = bf(repr) | |||||
| b.sizeHint(this, 1) | |||||
| var acc = z | |||||
| b += acc | |||||
| for (x <- this) { acc = op(acc, x); b += acc } | |||||
| b.result | |||||
| } | |||||
| @migration(2, 9, | |||||
| "This scanRight definition has changed in 2.9.\n" + | |||||
| "The previous behavior can be reproduced with scanRight.reverse." | |||||
| ) | |||||
| def scanRight[B, That](z: B)(op: (A, B) => B)(implicit bf: CanBuildFrom[Repr, B, That]): That = { | |||||
| var scanned = List(z) | |||||
| var acc = z | |||||
| for (x <- reversed) { | |||||
| acc = op(x, acc) | |||||
| scanned ::= acc | |||||
| } | |||||
| val b = bf(repr) | |||||
| for (elem <- scanned) b += elem | |||||
| b.result | |||||
| } | |||||
| /** Selects the first element of this $coll. | |||||
| * $orderDependent | |||||
| * @return the first element of this $coll. | |||||
| * @throws `NoSuchElementException` if the $coll is empty. | |||||
| */ | |||||
| def head: A = { | |||||
| var result: () => A = () => throw new NoSuchElementException | |||||
| breakable { | |||||
| for (x <- this) { | |||||
| result = () => x | |||||
| break | |||||
| } | |||||
| } | |||||
| result() | |||||
| } | |||||
| /** Optionally selects the first element. | |||||
| * $orderDependent | |||||
| * @return the first element of this $coll if it is nonempty, `None` if it is empty. | |||||
| */ | |||||
| def headOption: Option[A] = if (isEmpty) None else Some(head) | |||||
| /** Selects all elements except the first. | |||||
| * $orderDependent | |||||
| * @return a $coll consisting of all elements of this $coll | |||||
| * except the first one. | |||||
| * @throws `UnsupportedOperationException` if the $coll is empty. | |||||
| */ | |||||
| override def tail: Repr = { | |||||
| if (isEmpty) throw new UnsupportedOperationException("empty.tail") | |||||
| drop(1) | |||||
| } | |||||
| /** Selects the last element. | |||||
| * $orderDependent | |||||
| * @return The last element of this $coll. | |||||
| * @throws NoSuchElementException If the $coll is empty. | |||||
| */ | |||||
| def last: A = { | |||||
| var lst = head | |||||
| for (x <- this) | |||||
| lst = x | |||||
| lst | |||||
| } | |||||
| /** Optionally selects the last element. | |||||
| * $orderDependent | |||||
| * @return the last element of this $coll$ if it is nonempty, `None` if it is empty. | |||||
| */ | |||||
| def lastOption: Option[A] = if (isEmpty) None else Some(last) | |||||
| /** Selects all elements except the last. | |||||
| * $orderDependent | |||||
| * @return a $coll consisting of all elements of this $coll | |||||
| * except the last one. | |||||
| * @throws `UnsupportedOperationException` if the $coll is empty. | |||||
| */ | |||||
| def init: Repr = { | |||||
| if (isEmpty) throw new UnsupportedOperationException("empty.init") | |||||
| var lst = head | |||||
| var follow = false | |||||
| val b = newBuilder | |||||
| b.sizeHint(this, -1) | |||||
| for (x <- this.seq) { | |||||
| if (follow) b += lst | |||||
| else follow = true | |||||
| lst = x | |||||
| } | |||||
| b.result | |||||
| } | |||||
| def take(n: Int): Repr = slice(0, n) | |||||
| def drop(n: Int): Repr = | |||||
| if (n <= 0) { | |||||
| val b = newBuilder | |||||
| b.sizeHint(this) | |||||
| b ++= thisCollection result | |||||
| } | |||||
| else sliceWithKnownDelta(n, Int.MaxValue, -n) | |||||
| def slice(from: Int, until: Int): Repr = sliceWithKnownBound(math.max(from, 0), until) | |||||
| // Precondition: from >= 0, until > 0, builder already configured for building. | |||||
| private[this] def sliceInternal(from: Int, until: Int, b: Builder[A, Repr]): Repr = { | |||||
| var i = 0 | |||||
| breakable { | |||||
| for (x <- this.seq) { | |||||
| if (i >= from) b += x | |||||
| i += 1 | |||||
| if (i >= until) break | |||||
| } | |||||
| } | |||||
| b.result | |||||
| } | |||||
| // Precondition: from >= 0 | |||||
| private[scala] def sliceWithKnownDelta(from: Int, until: Int, delta: Int): Repr = { | |||||
| val b = newBuilder | |||||
| if (until <= from) b.result | |||||
| else { | |||||
| b.sizeHint(this, delta) | |||||
| sliceInternal(from, until, b) | |||||
| } | |||||
| } | |||||
| // Precondition: from >= 0 | |||||
| private[scala] def sliceWithKnownBound(from: Int, until: Int): Repr = { | |||||
| val b = newBuilder | |||||
| if (until <= from) b.result | |||||
| else { | |||||
| b.sizeHintBounded(until - from, this) | |||||
| sliceInternal(from, until, b) | |||||
| } | |||||
| } | |||||
| def takeWhile(p: A => Boolean): Repr = { | |||||
| val b = newBuilder | |||||
| breakable { | |||||
| for (x <- this) { | |||||
| if (!p(x)) break | |||||
| b += x | |||||
| } | |||||
| } | |||||
| b.result | |||||
| } | |||||
| def dropWhile(p: A => Boolean): Repr = { | |||||
| val b = newBuilder | |||||
| var go = false | |||||
| for (x <- this) { | |||||
| if (!p(x)) go = true | |||||
| if (go) b += x | |||||
| } | |||||
| b.result | |||||
| } | |||||
| def span(p: A => Boolean): (Repr, Repr) = { | |||||
| val l, r = newBuilder | |||||
| var toLeft = true | |||||
| for (x <- this) { | |||||
| toLeft = toLeft && p(x) | |||||
| (if (toLeft) l else r) += x | |||||
| } | |||||
| (l.result, r.result) | |||||
| } | |||||
| def splitAt(n: Int): (Repr, Repr) = { | |||||
| val l, r = newBuilder | |||||
| l.sizeHintBounded(n, this) | |||||
| if (n >= 0) r.sizeHint(this, -n) | |||||
| var i = 0 | |||||
| for (x <- this) { | |||||
| (if (i < n) l else r) += x | |||||
| i += 1 | |||||
| } | |||||
| (l.result, r.result) | |||||
| } | |||||
| /** Iterates over the tails of this $coll. The first value will be this | |||||
| * $coll and the final one will be an empty $coll, with the intervening | |||||
| * values the results of successive applications of `tail`. | |||||
| * | |||||
| * @return an iterator over all the tails of this $coll | |||||
| * @example `List(1,2,3).tails = Iterator(List(1,2,3), List(2,3), List(3), Nil)` | |||||
| */ | |||||
| def tails: Iterator[Repr] = iterateUntilEmpty(_.tail) | |||||
| /** Iterates over the inits of this $coll. The first value will be this | |||||
| * $coll and the final one will be an empty $coll, with the intervening | |||||
| * values the results of successive applications of `init`. | |||||
| * | |||||
| * @return an iterator over all the inits of this $coll | |||||
| * @example `List(1,2,3).inits = Iterator(List(1,2,3), List(1,2), List(1), Nil)` | |||||
| */ | |||||
| def inits: Iterator[Repr] = iterateUntilEmpty(_.init) | |||||
| /** Copies elements of this $coll to an array. | |||||
| * Fills the given array `xs` with at most `len` elements of | |||||
| * this $coll, starting at position `start`. | |||||
| * Copying will stop once either the end of the current $coll is reached, | |||||
| * or the end of the array is reached, or `len` elements have been copied. | |||||
| * | |||||
| * $willNotTerminateInf | |||||
| * | |||||
| * @param xs the array to fill. | |||||
| * @param start the starting index. | |||||
| * @param len the maximal number of elements to copy. | |||||
| * @tparam B the type of the elements of the array. | |||||
| * | |||||
| * | |||||
| * @usecase def copyToArray(xs: Array[A], start: Int, len: Int): Unit | |||||
| */ | |||||
| def copyToArray[B >: A](xs: Array[B], start: Int, len: Int) { | |||||
| var i = start | |||||
| val end = (start + len) min xs.length | |||||
| breakable { | |||||
| for (x <- this) { | |||||
| if (i >= end) break | |||||
| xs(i) = x | |||||
| i += 1 | |||||
| } | |||||
| } | |||||
| } | |||||
| def toTraversable: Traversable[A] = thisCollection | |||||
| def toIterator: Iterator[A] = toStream.iterator | |||||
| def toStream: Stream[A] = toBuffer.toStream | |||||
| /** Converts this $coll to a string. | |||||
| * | |||||
| * @return a string representation of this collection. By default this | |||||
| * string consists of the `stringPrefix` of this $coll, | |||||
| * followed by all elements separated by commas and enclosed in parentheses. | |||||
| */ | |||||
| override def toString = mkString(stringPrefix + "(", ", ", ")") | |||||
| /** Defines the prefix of this object's `toString` representation. | |||||
| * | |||||
| * @return a string representation which starts the result of `toString` | |||||
| * applied to this $coll. By default the string prefix is the | |||||
| * simple name of the collection class $coll. | |||||
| */ | |||||
| def stringPrefix : String = { | |||||
| var string = repr.asInstanceOf[AnyRef].getClass.getName | |||||
| val idx1 = string.lastIndexOf('.' : Int) | |||||
| if (idx1 != -1) string = string.substring(idx1 + 1) | |||||
| val idx2 = string.indexOf('$') | |||||
| if (idx2 != -1) string = string.substring(0, idx2) | |||||
| string | |||||
| } | |||||
| /** Creates a non-strict view of this $coll. | |||||
| * | |||||
| * @return a non-strict view of this $coll. | |||||
| */ | |||||
| def view = new TraversableView[A, Repr] { | |||||
| protected lazy val underlying = self.repr | |||||
| override def foreach[U](f: A => U) = self foreach f | |||||
| } | |||||
| /** Creates a non-strict view of a slice of this $coll. | |||||
| * | |||||
| * Note: the difference between `view` and `slice` is that `view` produces | |||||
| * a view of the current $coll, whereas `slice` produces a new $coll. | |||||
| * | |||||
| * Note: `view(from, to)` is equivalent to `view.slice(from, to)` | |||||
| * $orderDependent | |||||
| * | |||||
| * @param from the index of the first element of the view | |||||
| * @param until the index of the element following the view | |||||
| * @return a non-strict view of a slice of this $coll, starting at index `from` | |||||
| * and extending up to (but not including) index `until`. | |||||
| */ | |||||
| def view(from: Int, until: Int): TraversableView[A, Repr] = view.slice(from, until) | |||||
| /** Creates a non-strict filter of this $coll. | |||||
| * | |||||
| * Note: the difference between `c filter p` and `c withFilter p` is that | |||||
| * the former creates a new collection, whereas the latter only | |||||
| * restricts the domain of subsequent `map`, `flatMap`, `foreach`, | |||||
| * and `withFilter` operations. | |||||
| * $orderDependent | |||||
| * | |||||
| * @param p the predicate used to test elements. | |||||
| * @return an object of class `WithFilter`, which supports | |||||
| * `map`, `flatMap`, `foreach`, and `withFilter` operations. | |||||
| * All these operations apply to those elements of this $coll which | |||||
| * satisfy the predicate `p`. | |||||
| */ | |||||
| def withFilter(p: A => Boolean): FilterMonadic[A, Repr] = new WithFilter(p) | |||||
| /** A class supporting filtered operations. Instances of this class are | |||||
| * returned by method `withFilter`. | |||||
| */ | |||||
| class WithFilter(p: A => Boolean) extends FilterMonadic[A, Repr] { | |||||
| /** Builds a new collection by applying a function to all elements of the | |||||
| * outer $coll containing this `WithFilter` instance that satisfy predicate `p`. | |||||
| * | |||||
| * @param f the function to apply to each element. | |||||
| * @tparam B the element type of the returned collection. | |||||
| * @tparam That $thatinfo | |||||
| * @param bf $bfinfo | |||||
| * @return a new collection of type `That` resulting from applying | |||||
| * the given function `f` to each element of the outer $coll | |||||
| * that satisfies predicate `p` and collecting the results. | |||||
| * | |||||
| * @usecase def map[B](f: A => B): $Coll[B] | |||||
| * | |||||
| * @return a new $coll resulting from applying the given function | |||||
| * `f` to each element of the outer $coll that satisfies | |||||
| * predicate `p` and collecting the results. | |||||
| */ | |||||
| def map[B, That](f: A => B)(implicit bf: CanBuildFrom[Repr, B, That]): That = { | |||||
| val b = bf(repr) | |||||
| for (x <- self) | |||||
| if (p(x)) b += f(x) | |||||
| b.result | |||||
| } | |||||
| /** Builds a new collection by applying a function to all elements of the | |||||
| * outer $coll containing this `WithFilter` instance that satisfy | |||||
| * predicate `p` and concatenating the results. | |||||
| * | |||||
| * @param f the function to apply to each element. | |||||
| * @tparam B the element type of the returned collection. | |||||
| * @tparam That $thatinfo | |||||
| * @param bf $bfinfo | |||||
| * @return a new collection of type `That` resulting from applying | |||||
| * the given collection-valued function `f` to each element | |||||
| * of the outer $coll that satisfies predicate `p` and | |||||
| * concatenating the results. | |||||
| * | |||||
| * @usecase def flatMap[B](f: A => TraversableOnce[B]): $Coll[B] | |||||
| * | |||||
| * @return a new $coll resulting from applying the given collection-valued function | |||||
| * `f` to each element of the outer $coll that satisfies predicate `p` and concatenating the results. | |||||
| */ | |||||
| def flatMap[B, That](f: A => GenTraversableOnce[B])(implicit bf: CanBuildFrom[Repr, B, That]): That = { | |||||
| val b = bf(repr) | |||||
| for (x <- self) | |||||
| if (p(x)) b ++= f(x).seq | |||||
| b.result | |||||
| } | |||||
| /** Applies a function `f` to all elements of the outer $coll containing | |||||
| * this `WithFilter` instance that satisfy predicate `p`. | |||||
| * | |||||
| * @param f the function that is applied for its side-effect to every element. | |||||
| * The result of function `f` is discarded. | |||||
| * | |||||
| * @tparam U the type parameter describing the result of function `f`. | |||||
| * This result will always be ignored. Typically `U` is `Unit`, | |||||
| * but this is not necessary. | |||||
| * | |||||
| * @usecase def foreach(f: A => Unit): Unit | |||||
| */ | |||||
| def foreach[U](f: A => U): Unit = | |||||
| for (x <- self) | |||||
| if (p(x)) f(x) | |||||
| /** Further refines the filter for this $coll. | |||||
| * | |||||
| * @param q the predicate used to test elements. | |||||
| * @return an object of class `WithFilter`, which supports | |||||
| * `map`, `flatMap`, `foreach`, and `withFilter` operations. | |||||
| * All these operations apply to those elements of this $coll which | |||||
| * satisfy the predicate `q` in addition to the predicate `p`. | |||||
| */ | |||||
| def withFilter(q: A => Boolean): WithFilter = | |||||
| new WithFilter(x => p(x) && q(x)) | |||||
| } | |||||
| // A helper for tails and inits. | |||||
| private def iterateUntilEmpty(f: Traversable[A @uV] => Traversable[A @uV]): Iterator[Repr] = { | |||||
| val it = Iterator.iterate(thisCollection)(f) takeWhile (x => !x.isEmpty) | |||||
| it ++ Iterator(Nil) map (newBuilder ++= _ result) | |||||
| } | |||||
| } | |||||
| </textarea> | |||||
| </form> | |||||
| <script> | |||||
| var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||||
| lineNumbers: true, | |||||
| matchBrackets: true, | |||||
| theme: "ambiance", | |||||
| mode: "text/x-scala" | |||||
| }); | |||||
| </script> | |||||
| </article> | |||||
+ 0
- 103
src/admin/js/mode/css/gss.html
View File
| @@ -1,103 +0,0 @@ | |||||
| <!DOCTYPE html> | |||||
| <title>CodeMirror: Closure Stylesheets (GSS) mode</title> | |||||
| <meta charset="utf-8"/> | |||||
| <link rel=stylesheet href="../../doc/docs.css"> | |||||
| <link rel="stylesheet" href="../../lib/codemirror.css"> | |||||
| <link rel="stylesheet" href="../../addon/hint/show-hint.css"> | |||||
| <script src="../../lib/codemirror.js"></script> | |||||
| <script src="css.js"></script> | |||||
| <script src="../../addon/hint/show-hint.js"></script> | |||||
| <script src="../../addon/hint/css-hint.js"></script> | |||||
| <style>.CodeMirror {background: #f8f8f8;}</style> | |||||
| <div id=nav> | |||||
| <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||||
| <ul> | |||||
| <li><a href="../../index.html">Home</a> | |||||
| <li><a href="../../doc/manual.html">Manual</a> | |||||
| <li><a href="https://github.com/codemirror/codemirror">Code</a> | |||||
| </ul> | |||||
| <ul> | |||||
| <li><a href="../index.html">Language modes</a> | |||||
| <li><a class=active href="javascript:;">Closure Stylesheets (GSS)</a> | |||||
| </ul> | |||||
| </div> | |||||
| <article> | |||||
| <h2>Closure Stylesheets (GSS) mode</h2> | |||||
| <form><textarea id="code" name="code"> | |||||
| /* Some example Closure Stylesheets */ | |||||
| @provide 'some.styles'; | |||||
| @require 'other.styles'; | |||||
| @component { | |||||
| @def FONT_FAMILY "Times New Roman", Georgia, Serif; | |||||
| @def FONT_SIZE_NORMAL 15px; | |||||
| @def FONT_NORMAL normal FONT_SIZE_NORMAL FONT_FAMILY; | |||||
| @def BG_COLOR rgb(235, 239, 249); | |||||
| @def DIALOG_BORDER_COLOR rgb(107, 144, 218); | |||||
| @def DIALOG_BG_COLOR BG_COLOR; | |||||
| @def LEFT_HAND_NAV_WIDTH 180px; | |||||
| @def LEFT_HAND_NAV_PADDING 3px; | |||||
| @defmixin size(WIDTH, HEIGHT) { | |||||
| width: WIDTH; | |||||
| height: HEIGHT; | |||||
| } | |||||
| body { | |||||
| background-color: BG_COLOR; | |||||
| margin: 0; | |||||
| padding: 3em 6em; | |||||
| font: FONT_NORMAL; | |||||
| color: #000; | |||||
| } | |||||
| #navigation a { | |||||
| font-weight: bold; | |||||
| text-decoration: none !important; | |||||
| } | |||||
| .dialog { | |||||
| background-color: DIALOG_BG_COLOR; | |||||
| border: 1px solid DIALOG_BORDER_COLOR; | |||||
| } | |||||
| .content { | |||||
| position: absolute; | |||||
| margin-left: add(LEFT_HAND_NAV_PADDING, /* padding left */ | |||||
| LEFT_HAND_NAV_WIDTH, | |||||
| LEFT_HAND_NAV_PADDING); /* padding right */ | |||||
| } | |||||
| .logo { | |||||
| @mixin size(150px, 55px); | |||||
| background-image: url('http://www.google.com/images/logo_sm.gif'); | |||||
| } | |||||
| } | |||||
| </textarea></form> | |||||
| <script> | |||||
| var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||||
| extraKeys: {"Ctrl-Space": "autocomplete"}, | |||||
| lineNumbers: true, | |||||
| matchBrackets: "text/x-less", | |||||
| mode: "text/x-gss" | |||||
| }); | |||||
| </script> | |||||
| <p>A mode for <a href="https://github.com/google/closure-stylesheets">Closure Stylesheets</a> (GSS).</p> | |||||
| <p><strong>MIME type defined:</strong> <code>text/x-gss</code>.</p> | |||||
| <p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#gss_*">normal</a>, <a href="../../test/index.html#verbose,gss_*">verbose</a>.</p> | |||||
| </article> | |||||
+ 0
- 75
src/admin/js/mode/css/index.html
View File
| @@ -1,75 +0,0 @@ | |||||
| <!DOCTYPE html> | |||||
| <title>CodeMirror: CSS mode</title> | |||||
| <meta charset="utf-8"/> | |||||
| <link rel=stylesheet href="../../doc/docs.css"> | |||||
| <link rel="stylesheet" href="../../lib/codemirror.css"> | |||||
| <link rel="stylesheet" href="../../addon/hint/show-hint.css"> | |||||
| <script src="../../lib/codemirror.js"></script> | |||||
| <script src="css.js"></script> | |||||
| <script src="../../addon/hint/show-hint.js"></script> | |||||
| <script src="../../addon/hint/css-hint.js"></script> | |||||
| <style>.CodeMirror {background: #f8f8f8;}</style> | |||||
| <div id=nav> | |||||
| <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||||
| <ul> | |||||
| <li><a href="../../index.html">Home</a> | |||||
| <li><a href="../../doc/manual.html">Manual</a> | |||||
| <li><a href="https://github.com/codemirror/codemirror">Code</a> | |||||
| </ul> | |||||
| <ul> | |||||
| <li><a href="../index.html">Language modes</a> | |||||
| <li><a class=active href="javascript:;">CSS</a> | |||||
| </ul> | |||||
| </div> | |||||
| <article> | |||||
| <h2>CSS mode</h2> | |||||
| <form><textarea id="code" name="code"> | |||||
| /* Some example CSS */ | |||||
| @import url("something.css"); | |||||
| body { | |||||
| margin: 0; | |||||
| padding: 3em 6em; | |||||
| font-family: tahoma, arial, sans-serif; | |||||
| color: #000; | |||||
| } | |||||
| #navigation a { | |||||
| font-weight: bold; | |||||
| text-decoration: none !important; | |||||
| } | |||||
| h1 { | |||||
| font-size: 2.5em; | |||||
| } | |||||
| h2 { | |||||
| font-size: 1.7em; | |||||
| } | |||||
| h1:before, h2:before { | |||||
| content: "::"; | |||||
| } | |||||
| code { | |||||
| font-family: courier, monospace; | |||||
| font-size: 80%; | |||||
| color: #418A8A; | |||||
| } | |||||
| </textarea></form> | |||||
| <script> | |||||
| var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||||
| extraKeys: {"Ctrl-Space": "autocomplete"} | |||||
| }); | |||||
| </script> | |||||
| <p><strong>MIME types defined:</strong> <code>text/css</code>, <code>text/x-scss</code> (<a href="scss.html">demo</a>), <code>text/x-less</code> (<a href="less.html">demo</a>).</p> | |||||
| <p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#css_*">normal</a>, <a href="../../test/index.html#verbose,css_*">verbose</a>.</p> | |||||
| </article> | |||||
+ 0
- 152
src/admin/js/mode/css/less.html
View File
| @@ -1,152 +0,0 @@ | |||||
| <!DOCTYPE html> | |||||
| <title>CodeMirror: LESS mode</title> | |||||
| <meta charset="utf-8"/> | |||||
| <link rel=stylesheet href="../../doc/docs.css"> | |||||
| <link rel="stylesheet" href="../../lib/codemirror.css"> | |||||
| <script src="../../lib/codemirror.js"></script> | |||||
| <script src="../../addon/edit/matchbrackets.js"></script> | |||||
| <script src="css.js"></script> | |||||
| <style>.CodeMirror {border: 1px solid #ddd; line-height: 1.2;}</style> | |||||
| <div id=nav> | |||||
| <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||||
| <ul> | |||||
| <li><a href="../../index.html">Home</a> | |||||
| <li><a href="../../doc/manual.html">Manual</a> | |||||
| <li><a href="https://github.com/codemirror/codemirror">Code</a> | |||||
| </ul> | |||||
| <ul> | |||||
| <li><a href="../index.html">Language modes</a> | |||||
| <li><a class=active href="javascript:;">LESS</a> | |||||
| </ul> | |||||
| </div> | |||||
| <article> | |||||
| <h2>LESS mode</h2> | |||||
| <form><textarea id="code" name="code">@media screen and (device-aspect-ratio: 16/9) { … } | |||||
| @media screen and (device-aspect-ratio: 1280/720) { … } | |||||
| @media screen and (device-aspect-ratio: 2560/1440) { … } | |||||
| html:lang(fr-be) | |||||
| tr:nth-child(2n+1) /* represents every odd row of an HTML table */ | |||||
| img:nth-of-type(2n+1) { float: right; } | |||||
| img:nth-of-type(2n) { float: left; } | |||||
| body > h2:not(:first-of-type):not(:last-of-type) | |||||
| html|*:not(:link):not(:visited) | |||||
| *|*:not(:hover) | |||||
| p::first-line { text-transform: uppercase } | |||||
| @namespace foo url(http://www.example.com); | |||||
| foo|h1 { color: blue } /* first rule */ | |||||
| span[hello="Ocean"][goodbye="Land"] | |||||
| E[foo]{ | |||||
| padding:65px; | |||||
| } | |||||
| input[type="search"]::-webkit-search-decoration, | |||||
| input[type="search"]::-webkit-search-cancel-button { | |||||
| -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5 | |||||
| } | |||||
| button::-moz-focus-inner, | |||||
| input::-moz-focus-inner { // Inner padding and border oddities in FF3/4 | |||||
| padding: 0; | |||||
| border: 0; | |||||
| } | |||||
| .btn { | |||||
| // reset here as of 2.0.3 due to Recess property order | |||||
| border-color: #ccc; | |||||
| border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); | |||||
| } | |||||
| fieldset span button, fieldset span input[type="file"] { | |||||
| font-size:12px; | |||||
| font-family:Arial, Helvetica, sans-serif; | |||||
| } | |||||
| .rounded-corners (@radius: 5px) { | |||||
| border-radius: @radius; | |||||
| -webkit-border-radius: @radius; | |||||
| -moz-border-radius: @radius; | |||||
| } | |||||
| @import url("something.css"); | |||||
| @light-blue: hsl(190, 50%, 65%); | |||||
| #menu { | |||||
| position: absolute; | |||||
| width: 100%; | |||||
| z-index: 3; | |||||
| clear: both; | |||||
| display: block; | |||||
| background-color: @blue; | |||||
| height: 42px; | |||||
| border-top: 2px solid lighten(@alpha-blue, 20%); | |||||
| border-bottom: 2px solid darken(@alpha-blue, 25%); | |||||
| .box-shadow(0, 1px, 8px, 0.6); | |||||
| -moz-box-shadow: 0 0 0 #000; // Because firefox sucks. | |||||
| &.docked { | |||||
| background-color: hsla(210, 60%, 40%, 0.4); | |||||
| } | |||||
| &:hover { | |||||
| background-color: @blue; | |||||
| } | |||||
| #dropdown { | |||||
| margin: 0 0 0 117px; | |||||
| padding: 0; | |||||
| padding-top: 5px; | |||||
| display: none; | |||||
| width: 190px; | |||||
| border-top: 2px solid @medium; | |||||
| color: @highlight; | |||||
| border: 2px solid darken(@medium, 25%); | |||||
| border-left-color: darken(@medium, 15%); | |||||
| border-right-color: darken(@medium, 15%); | |||||
| border-top-width: 0; | |||||
| background-color: darken(@medium, 10%); | |||||
| ul { | |||||
| padding: 0px; | |||||
| } | |||||
| li { | |||||
| font-size: 14px; | |||||
| display: block; | |||||
| text-align: left; | |||||
| padding: 0; | |||||
| border: 0; | |||||
| a { | |||||
| display: block; | |||||
| padding: 0px 15px; | |||||
| text-decoration: none; | |||||
| color: white; | |||||
| &:hover { | |||||
| background-color: darken(@medium, 15%); | |||||
| text-decoration: none; | |||||
| } | |||||
| } | |||||
| } | |||||
| .border-radius(5px, bottom); | |||||
| .box-shadow(0, 6px, 8px, 0.5); | |||||
| } | |||||
| } | |||||
| </textarea></form> | |||||
| <script> | |||||
| var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||||
| lineNumbers : true, | |||||
| matchBrackets : true, | |||||
| mode: "text/x-less" | |||||
| }); | |||||
| </script> | |||||
| <p>The LESS mode is a sub-mode of the <a href="index.html">CSS mode</a> (defined in <code>css.js</code>).</p> | |||||
| <p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#less_*">normal</a>, <a href="../../test/index.html#verbose,less_*">verbose</a>.</p> | |||||
| </article> | |||||
+ 0
- 157
src/admin/js/mode/css/scss.html
View File
| @@ -1,157 +0,0 @@ | |||||
| <!DOCTYPE html> | |||||
| <title>CodeMirror: SCSS mode</title> | |||||
| <meta charset="utf-8"/> | |||||
| <link rel=stylesheet href="../../doc/docs.css"> | |||||
| <link rel="stylesheet" href="../../lib/codemirror.css"> | |||||
| <script src="../../lib/codemirror.js"></script> | |||||
| <script src="css.js"></script> | |||||
| <style>.CodeMirror {background: #f8f8f8;}</style> | |||||
| <div id=nav> | |||||
| <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||||
| <ul> | |||||
| <li><a href="../../index.html">Home</a> | |||||
| <li><a href="../../doc/manual.html">Manual</a> | |||||
| <li><a href="https://github.com/codemirror/codemirror">Code</a> | |||||
| </ul> | |||||
| <ul> | |||||
| <li><a href="../index.html">Language modes</a> | |||||
| <li><a class=active href="javascript:;">SCSS</a> | |||||
| </ul> | |||||
| </div> | |||||
| <article> | |||||
| <h2>SCSS mode</h2> | |||||
| <form><textarea id="code" name="code"> | |||||
| /* Some example SCSS */ | |||||
| @import "compass/css3"; | |||||
| $variable: #333; | |||||
| $blue: #3bbfce; | |||||
| $margin: 16px; | |||||
| .content-navigation { | |||||
| #nested { | |||||
| background-color: black; | |||||
| } | |||||
| border-color: $blue; | |||||
| color: | |||||
| darken($blue, 9%); | |||||
| } | |||||
| .border { | |||||
| padding: $margin / 2; | |||||
| margin: $margin / 2; | |||||
| border-color: $blue; | |||||
| } | |||||
| @mixin table-base { | |||||
| th { | |||||
| text-align: center; | |||||
| font-weight: bold; | |||||
| } | |||||
| td, th {padding: 2px} | |||||
| } | |||||
| table.hl { | |||||
| margin: 2em 0; | |||||
| td.ln { | |||||
| text-align: right; | |||||
| } | |||||
| } | |||||
| li { | |||||
| font: { | |||||
| family: serif; | |||||
| weight: bold; | |||||
| size: 1.2em; | |||||
| } | |||||
| } | |||||
| @mixin left($dist) { | |||||
| float: left; | |||||
| margin-left: $dist; | |||||
| } | |||||
| #data { | |||||
| @include left(10px); | |||||
| @include table-base; | |||||
| } | |||||
| .source { | |||||
| @include flow-into(target); | |||||
| border: 10px solid green; | |||||
| margin: 20px; | |||||
| width: 200px; } | |||||
| .new-container { | |||||
| @include flow-from(target); | |||||
| border: 10px solid red; | |||||
| margin: 20px; | |||||
| width: 200px; } | |||||
| body { | |||||
| margin: 0; | |||||
| padding: 3em 6em; | |||||
| font-family: tahoma, arial, sans-serif; | |||||
| color: #000; | |||||
| } | |||||
| @mixin yellow() { | |||||
| background: yellow; | |||||
| } | |||||
| .big { | |||||
| font-size: 14px; | |||||
| } | |||||
| .nested { | |||||
| @include border-radius(3px); | |||||
| @extend .big; | |||||
| p { | |||||
| background: whitesmoke; | |||||
| a { | |||||
| color: red; | |||||
| } | |||||
| } | |||||
| } | |||||
| #navigation a { | |||||
| font-weight: bold; | |||||
| text-decoration: none !important; | |||||
| } | |||||
| h1 { | |||||
| font-size: 2.5em; | |||||
| } | |||||
| h2 { | |||||
| font-size: 1.7em; | |||||
| } | |||||
| h1:before, h2:before { | |||||
| content: "::"; | |||||
| } | |||||
| code { | |||||
| font-family: courier, monospace; | |||||
| font-size: 80%; | |||||
| color: #418A8A; | |||||
| } | |||||
| </textarea></form> | |||||
| <script> | |||||
| var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||||
| lineNumbers: true, | |||||
| matchBrackets: true, | |||||
| mode: "text/x-scss" | |||||
| }); | |||||
| </script> | |||||
| <p>The SCSS mode is a sub-mode of the <a href="index.html">CSS mode</a> (defined in <code>css.js</code>).</p> | |||||
| <p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#scss_*">normal</a>, <a href="../../test/index.html#verbose,scss_*">verbose</a>.</p> | |||||
| </article> | |||||
+ 0
- 100
src/admin/js/mode/htmlmixed/index.html
View File
| @@ -1,100 +0,0 @@ | |||||
| <!DOCTYPE html> | |||||
| <title>CodeMirror: HTML mixed mode</title> | |||||
| <meta charset="utf-8"/> | |||||
| <link rel=stylesheet href="../../doc/docs.css"> | |||||
| <link rel="stylesheet" href="../../lib/codemirror.css"> | |||||
| <script src="../../lib/codemirror.js"></script> | |||||
| <script src="../../addon/selection/selection-pointer.js"></script> | |||||
| <script src="../xml/xml.js"></script> | |||||
| <script src="../javascript/javascript.js"></script> | |||||
| <script src="../css/css.js"></script> | |||||
| <script src="../vbscript/vbscript.js"></script> | |||||
| <script src="htmlmixed.js"></script> | |||||
| <style>.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style> | |||||
| <div id=nav> | |||||
| <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||||
| <ul> | |||||
| <li><a href="../../index.html">Home</a> | |||||
| <li><a href="../../doc/manual.html">Manual</a> | |||||
| <li><a href="https://github.com/codemirror/codemirror">Code</a> | |||||
| </ul> | |||||
| <ul> | |||||
| <li><a href="../index.html">Language modes</a> | |||||
| <li><a class=active href="javascript:;">HTML mixed</a> | |||||
| </ul> | |||||
| </div> | |||||
| <article> | |||||
| <h2>HTML mixed mode</h2> | |||||
| <form><textarea id="code" name="code"> | |||||
| <html style="color: green"> | |||||
| <!-- this is a comment --> | |||||
| <head> | |||||
| <title>Mixed HTML Example</title> | |||||
| <style type="text/css"> | |||||
| h1 {font-family: comic sans; color: #f0f;} | |||||
| div {background: yellow !important;} | |||||
| body { | |||||
| max-width: 50em; | |||||
| margin: 1em 2em 1em 5em; | |||||
| } | |||||
| </style> | |||||
| </head> | |||||
| <body> | |||||
| <h1>Mixed HTML Example</h1> | |||||
| <script> | |||||
| function jsFunc(arg1, arg2) { | |||||
| if (arg1 && arg2) document.body.innerHTML = "achoo"; | |||||
| } | |||||
| </script> | |||||
| </body> | |||||
| </html> | |||||
| </textarea></form> | |||||
| <script> | |||||
| // Define an extended mixed-mode that understands vbscript and | |||||
| // leaves mustache/handlebars embedded templates in html mode | |||||
| var mixedMode = { | |||||
| name: "htmlmixed", | |||||
| scriptTypes: [{matches: /\/x-handlebars-template|\/x-mustache/i, | |||||
| mode: null}, | |||||
| {matches: /(text|application)\/(x-)?vb(a|script)/i, | |||||
| mode: "vbscript"}] | |||||
| }; | |||||
| var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||||
| mode: mixedMode, | |||||
| selectionPointer: true | |||||
| }); | |||||
| </script> | |||||
| <p>The HTML mixed mode depends on the XML, JavaScript, and CSS modes.</p> | |||||
| <p>It takes an optional mode configuration | |||||
| option, <code>tags</code>, which can be used to add custom | |||||
| behavior for specific tags. When given, it should be an object | |||||
| mapping tag names (for example <code>script</code>) to arrays or | |||||
| three-element arrays. Those inner arrays indicate [attributeName, | |||||
| valueRegexp, <a href="../../doc/manual.html#option_mode">modeSpec</a>] | |||||
| specifications. For example, you could use <code>["type", /^foo$/, | |||||
| "foo"]</code> to map the attribute <code>type="foo"</code> to | |||||
| the <code>foo</code> mode. When the first two fields are null | |||||
| (<code>[null, null, "mode"]</code>), the given mode is used for | |||||
| any such tag that doesn't match any of the previously given | |||||
| attributes. For example:</p> | |||||
| <pre>var myModeSpec = { | |||||
| name: "htmlmixed", | |||||
| tags: { | |||||
| style: [["type", /^text/(x-)?scss$/, "text/x-scss"], | |||||
| [null, null, "css"]], | |||||
| custom: [[null, null, "customMode"]] | |||||
| } | |||||
| }</pre> | |||||
| <p><strong>MIME types defined:</strong> <code>text/html</code> | |||||
| (redefined, only takes effect if you load this parser after the | |||||
| XML parser).</p> | |||||
| </article> | |||||
+ 0
- 114
src/admin/js/mode/javascript/index.html
View File
| @@ -1,114 +0,0 @@ | |||||
| <!DOCTYPE html> | |||||
| <title>CodeMirror: JavaScript mode</title> | |||||
| <meta charset="utf-8"/> | |||||
| <link rel=stylesheet href="../../doc/docs.css"> | |||||
| <link rel="stylesheet" href="../../lib/codemirror.css"> | |||||
| <script src="../../lib/codemirror.js"></script> | |||||
| <script src="../../addon/edit/matchbrackets.js"></script> | |||||
| <script src="../../addon/comment/continuecomment.js"></script> | |||||
| <script src="../../addon/comment/comment.js"></script> | |||||
| <script src="javascript.js"></script> | |||||
| <style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style> | |||||
| <div id=nav> | |||||
| <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||||
| <ul> | |||||
| <li><a href="../../index.html">Home</a> | |||||
| <li><a href="../../doc/manual.html">Manual</a> | |||||
| <li><a href="https://github.com/codemirror/codemirror">Code</a> | |||||
| </ul> | |||||
| <ul> | |||||
| <li><a href="../index.html">Language modes</a> | |||||
| <li><a class=active href="javascript:;">JavaScript</a> | |||||
| </ul> | |||||
| </div> | |||||
| <article> | |||||
| <h2>JavaScript mode</h2> | |||||
| <div><textarea id="code" name="code"> | |||||
| // Demo code (the actual new parser character stream implementation) | |||||
| function StringStream(string) { | |||||
| this.pos = 0; | |||||
| this.string = string; | |||||
| } | |||||
| StringStream.prototype = { | |||||
| done: function() {return this.pos >= this.string.length;}, | |||||
| peek: function() {return this.string.charAt(this.pos);}, | |||||
| next: function() { | |||||
| if (this.pos < this.string.length) | |||||
| return this.string.charAt(this.pos++); | |||||
| }, | |||||
| eat: function(match) { | |||||
| var ch = this.string.charAt(this.pos); | |||||
| if (typeof match == "string") var ok = ch == match; | |||||
| else var ok = ch && match.test ? match.test(ch) : match(ch); | |||||
| if (ok) {this.pos++; return ch;} | |||||
| }, | |||||
| eatWhile: function(match) { | |||||
| var start = this.pos; | |||||
| while (this.eat(match)); | |||||
| if (this.pos > start) return this.string.slice(start, this.pos); | |||||
| }, | |||||
| backUp: function(n) {this.pos -= n;}, | |||||
| column: function() {return this.pos;}, | |||||
| eatSpace: function() { | |||||
| var start = this.pos; | |||||
| while (/\s/.test(this.string.charAt(this.pos))) this.pos++; | |||||
| return this.pos - start; | |||||
| }, | |||||
| match: function(pattern, consume, caseInsensitive) { | |||||
| if (typeof pattern == "string") { | |||||
| function cased(str) {return caseInsensitive ? str.toLowerCase() : str;} | |||||
| if (cased(this.string).indexOf(cased(pattern), this.pos) == this.pos) { | |||||
| if (consume !== false) this.pos += str.length; | |||||
| return true; | |||||
| } | |||||
| } | |||||
| else { | |||||
| var match = this.string.slice(this.pos).match(pattern); | |||||
| if (match && consume !== false) this.pos += match[0].length; | |||||
| return match; | |||||
| } | |||||
| } | |||||
| }; | |||||
| </textarea></div> | |||||
| <script> | |||||
| var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||||
| lineNumbers: true, | |||||
| matchBrackets: true, | |||||
| continueComments: "Enter", | |||||
| extraKeys: {"Ctrl-Q": "toggleComment"} | |||||
| }); | |||||
| </script> | |||||
| <p> | |||||
| JavaScript mode supports several configuration options: | |||||
| <ul> | |||||
| <li><code>json</code> which will set the mode to expect JSON | |||||
| data rather than a JavaScript program.</li> | |||||
| <li><code>jsonld</code> which will set the mode to expect | |||||
| <a href="http://json-ld.org">JSON-LD</a> linked data rather | |||||
| than a JavaScript program (<a href="json-ld.html">demo</a>).</li> | |||||
| <li><code>typescript</code> which will activate additional | |||||
| syntax highlighting and some other things for TypeScript code | |||||
| (<a href="typescript.html">demo</a>).</li> | |||||
| <li><code>statementIndent</code> which (given a number) will | |||||
| determine the amount of indentation to use for statements | |||||
| continued on a new line.</li> | |||||
| <li><code>wordCharacters</code>, a regexp that indicates which | |||||
| characters should be considered part of an identifier. | |||||
| Defaults to <code>/[\w$]/</code>, which does not handle | |||||
| non-ASCII identifiers. Can be set to something more elaborate | |||||
| to improve Unicode support.</li> | |||||
| </ul> | |||||
| </p> | |||||
| <p><strong>MIME types defined:</strong> <code>text/javascript</code>, <code>application/json</code>, <code>application/ld+json</code>, <code>text/typescript</code>, <code>application/typescript</code>.</p> | |||||
| </article> | |||||
+ 0
- 72
src/admin/js/mode/javascript/json-ld.html
View File
| @@ -1,72 +0,0 @@ | |||||
| <!DOCTYPE html> | |||||
| <title>CodeMirror: JSON-LD mode</title> | |||||
| <meta charset="utf-8"/> | |||||
| <link rel=stylesheet href="../../doc/docs.css"> | |||||
| <link rel="stylesheet" href="../../lib/codemirror.css"> | |||||
| <script src="../../lib/codemirror.js"></script> | |||||
| <script src="../../addon/edit/matchbrackets.js"></script> | |||||
| <script src="../../addon/comment/continuecomment.js"></script> | |||||
| <script src="../../addon/comment/comment.js"></script> | |||||
| <script src="javascript.js"></script> | |||||
| <style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style> | |||||
| <div id="nav"> | |||||
| <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"/></a> | |||||
| <ul> | |||||
| <li><a href="../../index.html">Home</a> | |||||
| <li><a href="../../doc/manual.html">Manual</a> | |||||
| <li><a href="https://github.com/codemirror/codemirror">Code</a> | |||||
| </ul> | |||||
| <ul> | |||||
| <li><a href="../index.html">Language modes</a> | |||||
| <li><a class=active href="javascript:;">JSON-LD</a> | |||||
| </ul> | |||||
| </div> | |||||
| <article> | |||||
| <h2>JSON-LD mode</h2> | |||||
| <div><textarea id="code" name="code"> | |||||
| { | |||||
| "@context": { | |||||
| "name": "http://schema.org/name", | |||||
| "description": "http://schema.org/description", | |||||
| "image": { | |||||
| "@id": "http://schema.org/image", | |||||
| "@type": "@id" | |||||
| }, | |||||
| "geo": "http://schema.org/geo", | |||||
| "latitude": { | |||||
| "@id": "http://schema.org/latitude", | |||||
| "@type": "xsd:float" | |||||
| }, | |||||
| "longitude": { | |||||
| "@id": "http://schema.org/longitude", | |||||
| "@type": "xsd:float" | |||||
| }, | |||||
| "xsd": "http://www.w3.org/2001/XMLSchema#" | |||||
| }, | |||||
| "name": "The Empire State Building", | |||||
| "description": "The Empire State Building is a 102-story landmark in New York City.", | |||||
| "image": "http://www.civil.usherbrooke.ca/cours/gci215a/empire-state-building.jpg", | |||||
| "geo": { | |||||
| "latitude": "40.75", | |||||
| "longitude": "73.98" | |||||
| } | |||||
| } | |||||
| </textarea></div> | |||||
| <script> | |||||
| var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||||
| matchBrackets: true, | |||||
| autoCloseBrackets: true, | |||||
| mode: "application/ld+json", | |||||
| lineWrapping: true | |||||
| }); | |||||
| </script> | |||||
| <p>This is a specialization of the <a href="index.html">JavaScript mode</a>.</p> | |||||
| </article> | |||||
+ 0
- 61
src/admin/js/mode/javascript/typescript.html
View File
| @@ -1,61 +0,0 @@ | |||||
| <!DOCTYPE html> | |||||
| <title>CodeMirror: TypeScript mode</title> | |||||
| <meta charset="utf-8"/> | |||||
| <link rel=stylesheet href="../../doc/docs.css"> | |||||
| <link rel="stylesheet" href="../../lib/codemirror.css"> | |||||
| <script src="../../lib/codemirror.js"></script> | |||||
| <script src="javascript.js"></script> | |||||
| <style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style> | |||||
| <div id=nav> | |||||
| <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||||
| <ul> | |||||
| <li><a href="../../index.html">Home</a> | |||||
| <li><a href="../../doc/manual.html">Manual</a> | |||||
| <li><a href="https://github.com/codemirror/codemirror">Code</a> | |||||
| </ul> | |||||
| <ul> | |||||
| <li><a href="../index.html">Language modes</a> | |||||
| <li><a class=active href="javascript:;">TypeScript</a> | |||||
| </ul> | |||||
| </div> | |||||
| <article> | |||||
| <h2>TypeScript mode</h2> | |||||
| <div><textarea id="code" name="code"> | |||||
| class Greeter { | |||||
| greeting: string; | |||||
| constructor (message: string) { | |||||
| this.greeting = message; | |||||
| } | |||||
| greet() { | |||||
| return "Hello, " + this.greeting; | |||||
| } | |||||
| } | |||||
| var greeter = new Greeter("world"); | |||||
| var button = document.createElement('button') | |||||
| button.innerText = "Say Hello" | |||||
| button.onclick = function() { | |||||
| alert(greeter.greet()) | |||||
| } | |||||
| document.body.appendChild(button) | |||||
| </textarea></div> | |||||
| <script> | |||||
| var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||||
| lineNumbers: true, | |||||
| matchBrackets: true, | |||||
| mode: "text/typescript" | |||||
| }); | |||||
| </script> | |||||
| <p>This is a specialization of the <a href="index.html">JavaScript mode</a>.</p> | |||||
| </article> | |||||
+ 0
- 64
src/admin/js/mode/php/index.html
View File
| @@ -1,64 +0,0 @@ | |||||
| <!DOCTYPE html> | |||||
| <title>CodeMirror: PHP mode</title> | |||||
| <meta charset="utf-8"/> | |||||
| <link rel=stylesheet href="../../doc/docs.css"> | |||||
| <link rel="stylesheet" href="../../lib/codemirror.css"> | |||||
| <script src="../../lib/codemirror.js"></script> | |||||
| <script src="../../addon/edit/matchbrackets.js"></script> | |||||
| <script src="../htmlmixed/htmlmixed.js"></script> | |||||
| <script src="../xml/xml.js"></script> | |||||
| <script src="../javascript/javascript.js"></script> | |||||
| <script src="../css/css.js"></script> | |||||
| <script src="../clike/clike.js"></script> | |||||
| <script src="php.js"></script> | |||||
| <style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style> | |||||
| <div id=nav> | |||||
| <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||||
| <ul> | |||||
| <li><a href="../../index.html">Home</a> | |||||
| <li><a href="../../doc/manual.html">Manual</a> | |||||
| <li><a href="https://github.com/codemirror/codemirror">Code</a> | |||||
| </ul> | |||||
| <ul> | |||||
| <li><a href="../index.html">Language modes</a> | |||||
| <li><a class=active href="javascript:;">PHP</a> | |||||
| </ul> | |||||
| </div> | |||||
| <article> | |||||
| <h2>PHP mode</h2> | |||||
| <form><textarea id="code" name="code"> | |||||
| <?php | |||||
| $a = array('a' => 1, 'b' => 2, 3 => 'c'); | |||||
| echo "$a[a] ${a[3] /* } comment */} {$a[b]} \$a[a]"; | |||||
| function hello($who) { | |||||
| return "Hello $who!"; | |||||
| } | |||||
| ?> | |||||
| <p>The program says <?= hello("World") ?>.</p> | |||||
| <script> | |||||
| alert("And here is some JS code"); // also colored | |||||
| </script> | |||||
| </textarea></form> | |||||
| <script> | |||||
| var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||||
| lineNumbers: true, | |||||
| matchBrackets: true, | |||||
| mode: "application/x-httpd-php", | |||||
| indentUnit: 4, | |||||
| indentWithTabs: true | |||||
| }); | |||||
| </script> | |||||
| <p>Simple HTML/PHP mode based on | |||||
| the <a href="../clike/">C-like</a> mode. Depends on XML, | |||||
| JavaScript, CSS, HTMLMixed, and C-like modes.</p> | |||||
| <p><strong>MIME types defined:</strong> <code>application/x-httpd-php</code> (HTML with PHP code), <code>text/x-php</code> (plain, non-wrapped PHP code).</p> | |||||
| </article> | |||||
+ 0
- 86
src/admin/js/mode/sql/index.html
View File
| @@ -1,86 +0,0 @@ | |||||
| <!DOCTYPE html> | |||||
| <title>CodeMirror: SQL Mode for CodeMirror</title> | |||||
| <meta charset="utf-8"/> | |||||
| <link rel=stylesheet href="../../doc/docs.css"> | |||||
| <link rel="stylesheet" href="../../lib/codemirror.css" /> | |||||
| <script src="../../lib/codemirror.js"></script> | |||||
| <script src="sql.js"></script> | |||||
| <link rel="stylesheet" href="../../addon/hint/show-hint.css" /> | |||||
| <script src="../../addon/hint/show-hint.js"></script> | |||||
| <script src="../../addon/hint/sql-hint.js"></script> | |||||
| <style> | |||||
| .CodeMirror { | |||||
| border-top: 1px solid black; | |||||
| border-bottom: 1px solid black; | |||||
| } | |||||
| </style> | |||||
| <div id=nav> | |||||
| <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||||
| <ul> | |||||
| <li><a href="../../index.html">Home</a> | |||||
| <li><a href="../../doc/manual.html">Manual</a> | |||||
| <li><a href="https://github.com/codemirror/codemirror">Code</a> | |||||
| </ul> | |||||
| <ul> | |||||
| <li><a href="../index.html">Language modes</a> | |||||
| <li><a class=active href="javascript:;">SQL Mode for CodeMirror</a> | |||||
| </ul> | |||||
| </div> | |||||
| <article> | |||||
| <h2>SQL Mode for CodeMirror</h2> | |||||
| <form> | |||||
| <textarea id="code" name="code">-- SQL Mode for CodeMirror | |||||
| SELECT SQL_NO_CACHE DISTINCT | |||||
| @var1 AS `val1`, @'val2', @global.'sql_mode', | |||||
| 1.1 AS `float_val`, .14 AS `another_float`, 0.09e3 AS `int_with_esp`, | |||||
| 0xFA5 AS `hex`, x'fa5' AS `hex2`, 0b101 AS `bin`, b'101' AS `bin2`, | |||||
| DATE '1994-01-01' AS `sql_date`, { T "1994-01-01" } AS `odbc_date`, | |||||
| 'my string', _utf8'your string', N'her string', | |||||
| TRUE, FALSE, UNKNOWN | |||||
| FROM DUAL | |||||
| -- space needed after '--' | |||||
| # 1 line comment | |||||
| /* multiline | |||||
| comment! */ | |||||
| LIMIT 1 OFFSET 0; | |||||
| </textarea> | |||||
| </form> | |||||
| <p><strong>MIME types defined:</strong> | |||||
| <code><a href="?mime=text/x-sql">text/x-sql</a></code>, | |||||
| <code><a href="?mime=text/x-mysql">text/x-mysql</a></code>, | |||||
| <code><a href="?mime=text/x-mariadb">text/x-mariadb</a></code>, | |||||
| <code><a href="?mime=text/x-cassandra">text/x-cassandra</a></code>, | |||||
| <code><a href="?mime=text/x-plsql">text/x-plsql</a></code>, | |||||
| <code><a href="?mime=text/x-mssql">text/x-mssql</a></code>, | |||||
| <code><a href="?mime=text/x-hive">text/x-hive</a></code>, | |||||
| <code><a href="?mime=text/x-pgsql">text/x-pgsql</a></code>, | |||||
| <code><a href="?mime=text/x-gql">text/x-gql</a></code>. | |||||
| </p> | |||||
| <script> | |||||
| window.onload = function() { | |||||
| var mime = 'text/x-mariadb'; | |||||
| // get mime type | |||||
| if (window.location.href.indexOf('mime=') > -1) { | |||||
| mime = window.location.href.substr(window.location.href.indexOf('mime=') + 5); | |||||
| } | |||||
| window.editor = CodeMirror.fromTextArea(document.getElementById('code'), { | |||||
| mode: mime, | |||||
| indentWithTabs: true, | |||||
| smartIndent: true, | |||||
| lineNumbers: true, | |||||
| matchBrackets : true, | |||||
| autofocus: true, | |||||
| extraKeys: {"Ctrl-Space": "autocomplete"}, | |||||
| hintOptions: {tables: { | |||||
| users: {name: null, score: null, birthDate: null}, | |||||
| countries: {name: null, population: null, size: null} | |||||
| }} | |||||
| }); | |||||
| }; | |||||
| </script> | |||||
| </article> | |||||
+ 0
- 61
src/admin/js/mode/xml/index.html
View File
| @@ -1,61 +0,0 @@ | |||||
| <!DOCTYPE html> | |||||
| <title>CodeMirror: XML mode</title> | |||||
| <meta charset="utf-8"/> | |||||
| <link rel=stylesheet href="../../doc/docs.css"> | |||||
| <link rel="stylesheet" href="../../lib/codemirror.css"> | |||||
| <script src="../../lib/codemirror.js"></script> | |||||
| <script src="xml.js"></script> | |||||
| <style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style> | |||||
| <div id=nav> | |||||
| <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> | |||||
| <ul> | |||||
| <li><a href="../../index.html">Home</a> | |||||
| <li><a href="../../doc/manual.html">Manual</a> | |||||
| <li><a href="https://github.com/codemirror/codemirror">Code</a> | |||||
| </ul> | |||||
| <ul> | |||||
| <li><a href="../index.html">Language modes</a> | |||||
| <li><a class=active href="javascript:;">XML</a> | |||||
| </ul> | |||||
| </div> | |||||
| <article> | |||||
| <h2>XML mode</h2> | |||||
| <form><textarea id="code" name="code"> | |||||
| <html style="color: green"> | |||||
| <!-- this is a comment -> | |||||
| <head> | |||||
| <title>HTML Example</title> | |||||
| </head> | |||||
| <body> | |||||
| The indentation tries to be <em>somewhat &quot;do what | |||||
| I mean&quot;</em> but might not match your style. | |||||
| </body> | |||||
| </html> | |||||
| </textarea></form> | |||||
| <script> | |||||
| var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |||||
| mode: "text/html", | |||||
| lineNumbers: true | |||||
| }); | |||||
| </script> | |||||
| <p>The XML mode supports these configuration parameters:</p> | |||||
| <dl> | |||||
| <dt><code>htmlMode (boolean)</code></dt> | |||||
| <dd>This switches the mode to parse HTML instead of XML. This | |||||
| means attributes do not have to be quoted, and some elements | |||||
| (such as <code>br</code>) do not require a closing tag.</dd> | |||||
| <dt><code>matchClosing (boolean)</code></dt> | |||||
| <dd>Controls whether the mode checks that close tags match the | |||||
| corresponding opening tag, and highlights mismatches as errors. | |||||
| Defaults to true.</dd> | |||||
| <dt><code>alignCDATA (boolean)</code></dt> | |||||
| <dd>Setting this to true will force the opening tag of CDATA | |||||
| blocks to not be indented.</dd> | |||||
| </dl> | |||||
| <p><strong>MIME types defined:</strong> <code>application/xml</code>, <code>text/html</code>.</p> | |||||
| </article> | |||||
BIN
src/static/img/106.gif
View File
| Before | After |
|---|---|
|
|
| Width: 18 | Height: 18 | Size: 306B |
BIN
src/static/img/c-bury.png
View File
| Before | After |
|---|---|
|
|
| Width: 18 | Height: 18 | Size: 196B |
BIN
src/static/img/c-digg.png
View File
| Before | After |
|---|---|
|
|
| Width: 18 | Height: 18 | Size: 195B |
BIN
src/static/img/df_gbg.gif
View File
| Before | After |
|---|---|
|
|
| Width: 4 | Height: 50 | Size: 54B |
BIN
src/static/img/face/1.gif
View File
| Before | After |
|---|---|
|
|
| Width: 24 | Height: 24 | Size: 2.6KB |
BIN
src/static/img/face/2.gif
View File
| Before | After |
|---|---|
|
|
| Width: 24 | Height: 24 | Size: 575B |
BIN
src/static/img/face/3.gif
View File
| Before | After |
|---|---|
|
|
| Width: 24 | Height: 24 | Size: 2.4KB |
BIN
src/static/img/face/4.gif
View File
| Before | After |
|---|---|
|
|
| Width: 24 | Height: 24 | Size: 1.7KB |
BIN
src/static/img/face/5.gif
View File
| Before | After |
|---|---|
|
|
| Width: 24 | Height: 24 | Size: 1.5KB |
BIN
src/static/img/face/6.gif
View File
| Before | After |
|---|---|
|
|
| Width: 24 | Height: 24 | Size: 3.0KB |
BIN
src/static/img/face/7.gif
View File
| Before | After |
|---|---|
|
|
| Width: 24 | Height: 24 | Size: 925B |
BIN
src/static/img/face/8.gif
View File
| Before | After |
|---|---|
|
|
| Width: 24 | Height: 24 | Size: 543B |
BIN
src/static/img/fbico.gif
View File
| Before | After |
|---|---|
|
|
| Width: 16 | Height: 15 | Size: 149B |
BIN
src/static/img/file.gif
View File
| Before | After |
|---|---|
|
|
| Width: 16 | Height: 16 | Size: 359B |
BIN
src/static/img/file_move.gif
View File
| Before | After |
|---|---|
|
|
| Width: 17 | Height: 18 | Size: 313B |
BIN
src/static/img/lbg.gif
View File
| Before | After |
|---|---|
|
|
| Width: 9 | Height: 24 | Size: 91B |
BIN
src/static/img/menuarrow.gif
View File
| Before | After |
|---|---|
|
|
| Width: 16 | Height: 15 | Size: 411B |
BIN
src/static/img/menumember.gif
View File
| Before | After |
|---|---|
|
|
| Width: 16 | Height: 15 | Size: 374B |