upstream/kallithea Files · rhodecode/public/js/mode/htmlembedded/index.html

Added codemirror syntax mode in gists....

Added codemirror syntax mode in gists. - autopropose file extension when syntax mode is choosen

marcink - - Load All Authors

File last commit:

r4029:c9bcfe2d default


                r4030:647308db

default

Download file

             index.html
        
                    49 lines
            
             | 1.7 KiB
            
                | text/html
            
             |
                HtmlLexer
            
             / rhodecode / public / js / mode / htmlembedded / index.html
          
                    History
                
                 |
                  Source
                 | Raw
                 |Copy content
                 |Copy permalink

        marcink
    
added codemirror edit mode with autodetection

              r4026
            
      <!doctype html>

      <html>

        <head>

          <meta charset="utf-8">

          <title>CodeMirror: Html Embedded Scripts mode</title>

          <link rel="stylesheet" href="../../lib/codemirror.css">

          <script src="../../lib/codemirror.js"></script>

          <script src="../xml/xml.js"></script>

          <script src="../javascript/javascript.js"></script>

          <script src="../css/css.js"></script>

          <script src="../htmlmixed/htmlmixed.js"></script>

          <script src="htmlembedded.js"></script>

          <style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>

          <link rel="stylesheet" href="../../doc/docs.css">

        </head>

        <body>

          <h1>CodeMirror: Html Embedded Scripts mode</h1>

      <form><textarea id="code" name="code">

      <%

      function hello(who) {

        marcink
    
codecleaner

              r4029
            
          return "Hello " + who;

        marcink
    
added codemirror edit mode with autodetection

              r4026
            
      }

      %>

      This is an example of EJS (embedded javascript)

      <p>The program says <%= hello("world") %>.</p>

      <script>

        marcink
    
codecleaner

              r4029
            
          alert("And here is some normal JS code"); // also colored

        marcink
    
added codemirror edit mode with autodetection

              r4026
            
      </script>

      </textarea></form>

          <script>

            var editor = CodeMirror.fromTextArea(document.getElementById("code"), {

              lineNumbers: true,

              mode: "application/x-ejs",

              indentUnit: 4,

              indentWithTabs: true,

              enterMode: "keep",

              tabMode: "shift"

            });

          </script>

          <p>Mode for html embedded scripts like JSP and ASP.NET. Depends on HtmlMixed which in turn depends on

          JavaScript, CSS and XML.<br />Other dependancies include those of the scriping language chosen.</p>

        marcink
    
codecleaner

              r4029
            
          <p><strong>MIME types defined:</strong> <code>application/x-aspx</code> (ASP.NET),

        marcink
    
added codemirror edit mode with autodetection

              r4026
            
          <code>application/x-ejs</code> (Embedded Javascript), <code>application/x-jsp</code> (JavaServer Pages)</p>

        </body>

      </html>

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

marcink added codemirror edit mode with autodetection	r4026	<!doctype html>
		<html>
		<head>
		<meta charset="utf-8">
		<title>CodeMirror: Html Embedded Scripts mode</title>
		<link rel="stylesheet" href="../../lib/codemirror.css">
		<script src="../../lib/codemirror.js"></script>
		<script src="../xml/xml.js"></script>
		<script src="../javascript/javascript.js"></script>
		<script src="../css/css.js"></script>
		<script src="../htmlmixed/htmlmixed.js"></script>
		<script src="htmlembedded.js"></script>
		<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
		<link rel="stylesheet" href="../../doc/docs.css">
		</head>
		<body>
		<h1>CodeMirror: Html Embedded Scripts mode</h1>

		<form><textarea id="code" name="code">
		<%
		function hello(who) {
marcink codecleaner	r4029	return "Hello " + who;
marcink added codemirror edit mode with autodetection	r4026	}
		%>
		This is an example of EJS (embedded javascript)
		<p>The program says <%= hello("world") %>.</p>
		<script>
marcink codecleaner	r4029	alert("And here is some normal JS code"); // also colored
marcink added codemirror edit mode with autodetection	r4026	</script>
		</textarea></form>

		<script>
		var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
		lineNumbers: true,
		mode: "application/x-ejs",
		indentUnit: 4,
		indentWithTabs: true,
		enterMode: "keep",
		tabMode: "shift"
		});
		</script>

		<p>Mode for html embedded scripts like JSP and ASP.NET. Depends on HtmlMixed which in turn depends on
		JavaScript, CSS and XML.<br />Other dependancies include those of the scriping language chosen.</p>

marcink codecleaner	r4029	<p><strong>MIME types defined:</strong> <code>application/x-aspx</code> (ASP.NET),
marcink added codemirror edit mode with autodetection	r4026	<code>application/x-ejs</code> (Embedded Javascript), <code>application/x-jsp</code> (JavaServer Pages)</p>
		</body>
		</html>