Mercurial

comparison .cms/lib/codemirror/demo/fullscreen.html @ 0:78edf6b517a0 draft

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
24.10
author Coffee CMS <info@coffee-cms.ru>
date Fri, 11 Oct 2024 22:40:23 +0000
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:78edf6b517a0
1 <!doctype html>
2
3 <title>CodeMirror: Full Screen Editing</title>
4 <meta charset="utf-8"/>
5 <link rel=stylesheet href="../doc/docs.css">
6
7 <link rel="stylesheet" href="../lib/codemirror.css">
8 <link rel="stylesheet" href="../addon/display/fullscreen.css">
9 <link rel="stylesheet" href="../theme/night.css">
10 <script src="../lib/codemirror.js"></script>
11 <script src="../mode/xml/xml.js"></script>
12 <script src="../addon/display/fullscreen.js"></script>
13
14 <div id=nav>
15 <a href="https://codemirror.net/5"><h1>CodeMirror</h1><img id=logo src="../doc/logo.png"></a>
16
17 <ul>
18 <li><a href="../index.html">Home</a>
19 <li><a href="../doc/manual.html">Manual</a>
20 <li><a href="https://github.com/codemirror/codemirror5">Code</a>
21 </ul>
22 <ul>
23 <li><a class=active href="#">Full Screen Editing</a>
24 </ul>
25 </div>
26
27 <article>
28 <h2>Full Screen Editing</h2>
29 <form><textarea id="code" name="code" rows="5">
30 <dl>
31 <dt id="option_indentWithTabs"><code><strong>indentWithTabs</strong>: boolean</code></dt>
32 <dd>Whether, when indenting, the first N*<code>tabSize</code>
33 spaces should be replaced by N tabs. Default is false.</dd>
34
35 <dt id="option_electricChars"><code><strong>electricChars</strong>: boolean</code></dt>
36 <dd>Configures whether the editor should re-indent the current
37 line when a character is typed that might change its proper
38 indentation (only works if the mode supports indentation).
39 Default is true.</dd>
40
41 <dt id="option_specialChars"><code><strong>specialChars</strong>: RegExp</code></dt>
42 <dd>A regular expression used to determine which characters
43 should be replaced by a
44 special <a href="#option_specialCharPlaceholder">placeholder</a>.
45 Mostly useful for non-printing special characters. The default
46 is <code>/[\u0000-\u0019\u00ad\u200b\u2028\u2029\ufeff]/</code>.</dd>
47 <dt id="option_specialCharPlaceholder"><code><strong>specialCharPlaceholder</strong>: function(char) → Element</code></dt>
48 <dd>A function that, given a special character identified by
49 the <a href="#option_specialChars"><code>specialChars</code></a>
50 option, produces a DOM node that is used to represent the
51 character. By default, a red dot (<span style="color: red">•</span>)
52 is shown, with a title tooltip to indicate the character code.</dd>
53
54 <dt id="option_rtlMoveVisually"><code><strong>rtlMoveVisually</strong>: boolean</code></dt>
55 <dd>Determines whether horizontal cursor movement through
56 right-to-left (Arabic, Hebrew) text is visual (pressing the left
57 arrow moves the cursor left) or logical (pressing the left arrow
58 moves to the next lower index in the string, which is visually
59 right in right-to-left text). The default is <code>false</code>
60 on Windows, and <code>true</code> on other platforms.</dd>
61 </dl>
62 </textarea></form>
63 <script>
64 var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
65 lineNumbers: true,
66 theme: "night",
67 extraKeys: {
68 "F11": function(cm) {
69 cm.setOption("fullScreen", !cm.getOption("fullScreen"));
70 },
71 "Esc": function(cm) {
72 if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
73 }
74 }
75 });
76 </script>
77
78 <p>Demonstration of
79 the <a href="../doc/manual.html#addon_fullscreen">fullscreen</a>
80 addon. Press <strong>F11</strong> when cursor is in the editor to
81 toggle full screen editing. <strong>Esc</strong> can also be used
82 to <i>exit</i> full screen editing.</p>
83 </article>