07e41385371be6f3c45800715dc833ad94fdc13f19a578e440861ff5be10b54639b2968e59bb29641e36374c9e169e98a0fbdd56eb00181337b2ecb57471d3 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
  1. import { onBlur } from "../display/focus.js"
  2. import { getGutters, updateGutters } from "../display/gutters.js"
  3. import { loadMode, resetModeState } from "../display/mode_state.js"
  4. import { initScrollbars, updateScrollbars } from "../display/scrollbars.js"
  5. import { updateSelection } from "../display/selection.js"
  6. import { regChange } from "../display/view_tracking.js"
  7. import { getKeyMap } from "../input/keymap.js"
  8. import { defaultSpecialCharPlaceholder } from "../line/line_data.js"
  9. import { Pos } from "../line/pos.js"
  10. import { findMaxLine } from "../line/spans.js"
  11. import { clearCaches, compensateForHScroll, estimateLineHeights } from "../measurement/position_measurement.js"
  12. import { replaceRange } from "../model/changes.js"
  13. import { mobile, windows } from "../util/browser.js"
  14. import { addClass, rmClass } from "../util/dom.js"
  15. import { off, on } from "../util/event.js"
  16. import { themeChanged } from "./utils.js"
  17. export let Init = {toString: function(){return "CodeMirror.Init"}}
  18. export let defaults = {}
  19. export let optionHandlers = {}
  20. export function defineOptions(CodeMirror) {
  21. let optionHandlers = CodeMirror.optionHandlers
  22. function option(name, deflt, handle, notOnInit) {
  23. CodeMirror.defaults[name] = deflt
  24. if (handle) optionHandlers[name] =
  25. notOnInit ? (cm, val, old) => {if (old != Init) handle(cm, val, old)} : handle
  26. }
  27. CodeMirror.defineOption = option
  28. // Passed to option handlers when there is no old value.
  29. CodeMirror.Init = Init
  30. // These two are, on init, called from the constructor because they
  31. // have to be initialized before the editor can start at all.
  32. option("value", "", (cm, val) => cm.setValue(val), true)
  33. option("mode", null, (cm, val) => {
  34. cm.doc.modeOption = val
  35. loadMode(cm)
  36. }, true)
  37. option("indentUnit", 2, loadMode, true)
  38. option("indentWithTabs", false)
  39. option("smartIndent", true)
  40. option("tabSize", 4, cm => {
  41. resetModeState(cm)
  42. clearCaches(cm)
  43. regChange(cm)
  44. }, true)
  45. option("lineSeparator", null, (cm, val) => {
  46. cm.doc.lineSep = val
  47. if (!val) return
  48. let newBreaks = [], lineNo = cm.doc.first
  49. cm.doc.iter(line => {
  50. for (let pos = 0;;) {
  51. let found = line.text.indexOf(val, pos)
  52. if (found == -1) break
  53. pos = found + val.length
  54. newBreaks.push(Pos(lineNo, found))
  55. }
  56. lineNo++
  57. })
  58. for (let i = newBreaks.length - 1; i >= 0; i--)
  59. replaceRange(cm.doc, val, newBreaks[i], Pos(newBreaks[i].line, newBreaks[i].ch + val.length))
  60. })
  61. option("specialChars", /[\u0000-\u001f\u007f-\u009f\u00ad\u061c\u200b\u200e\u200f\u2028\u2029\u202d\u202e\u2066\u2067\u2069\ufeff\ufff9-\ufffc]/g, (cm, val, old) => {
  62. cm.state.specialChars = new RegExp(val.source + (val.test("\t") ? "" : "|\t"), "g")
  63. if (old != Init) cm.refresh()
  64. })
  65. option("specialCharPlaceholder", defaultSpecialCharPlaceholder, cm => cm.refresh(), true)
  66. option("electricChars", true)
  67. option("inputStyle", mobile ? "contenteditable" : "textarea", () => {
  68. throw new Error("inputStyle can not (yet) be changed in a running editor") // FIXME
  69. }, true)
  70. option("spellcheck", false, (cm, val) => cm.getInputField().spellcheck = val, true)
  71. option("autocorrect", false, (cm, val) => cm.getInputField().autocorrect = val, true)
  72. option("autocapitalize", false, (cm, val) => cm.getInputField().autocapitalize = val, true)
  73. option("rtlMoveVisually", !windows)
  74. option("wholeLineUpdateBefore", true)
  75. option("theme", "default", cm => {
  76. themeChanged(cm)
  77. updateGutters(cm)
  78. }, true)
  79. option("keyMap", "default", (cm, val, old) => {
  80. let next = getKeyMap(val)
  81. let prev = old != Init && getKeyMap(old)
  82. if (prev && prev.detach) prev.detach(cm, next)
  83. if (next.attach) next.attach(cm, prev || null)
  84. })
  85. option("extraKeys", null)
  86. option("configureMouse", null)
  87. option("lineWrapping", false, wrappingChanged, true)
  88. option("gutters", [], (cm, val) => {
  89. cm.display.gutterSpecs = getGutters(val, cm.options.lineNumbers)
  90. updateGutters(cm)
  91. }, true)
  92. option("fixedGutter", true, (cm, val) => {
  93. cm.display.gutters.style.left = val ? compensateForHScroll(cm.display) + "px" : "0"
  94. cm.refresh()
  95. }, true)
  96. option("coverGutterNextToScrollbar", false, cm => updateScrollbars(cm), true)
  97. option("scrollbarStyle", "native", cm => {
  98. initScrollbars(cm)
  99. updateScrollbars(cm)
  100. cm.display.scrollbars.setScrollTop(cm.doc.scrollTop)
  101. cm.display.scrollbars.setScrollLeft(cm.doc.scrollLeft)
  102. }, true)
  103. option("lineNumbers", false, (cm, val) => {
  104. cm.display.gutterSpecs = getGutters(cm.options.gutters, val)
  105. updateGutters(cm)
  106. }, true)
  107. option("firstLineNumber", 1, updateGutters, true)
  108. option("lineNumberFormatter", integer => integer, updateGutters, true)
  109. option("showCursorWhenSelecting", false, updateSelection, true)
  110. option("resetSelectionOnContextMenu", true)
  111. option("lineWiseCopyCut", true)
  112. option("pasteLinesPerSelection", true)
  113. option("selectionsMayTouch", false)
  114. option("readOnly", false, (cm, val) => {
  115. if (val == "nocursor") {
  116. onBlur(cm)
  117. cm.display.input.blur()
  118. }
  119. cm.display.input.readOnlyChanged(val)
  120. })
  121. option("screenReaderLabel", null, (cm, val) => {
  122. val = (val === '') ? null : val
  123. cm.display.input.screenReaderLabelChanged(val)
  124. })
  125. option("disableInput", false, (cm, val) => {if (!val) cm.display.input.reset()}, true)
  126. option("dragDrop", true, dragDropChanged)
  127. option("allowDropFileTypes", null)
  128. option("cursorBlinkRate", 530)
  129. option("cursorScrollMargin", 0)
  130. option("cursorHeight", 1, updateSelection, true)
  131. option("singleCursorHeightPerLine", true, updateSelection, true)
  132. option("workTime", 100)
  133. option("workDelay", 100)
  134. option("flattenSpans", true, resetModeState, true)
  135. option("addModeClass", false, resetModeState, true)
  136. option("pollInterval", 100)
  137. option("undoDepth", 200, (cm, val) => cm.doc.history.undoDepth = val)
  138. option("historyEventDelay", 1250)
  139. option("viewportMargin", 10, cm => cm.refresh(), true)
  140. option("maxHighlightLength", 10000, resetModeState, true)
  141. option("moveInputWithCursor", true, (cm, val) => {
  142. if (!val) cm.display.input.resetPosition()
  143. })
  144. option("tabindex", null, (cm, val) => cm.display.input.getField().tabIndex = val || "")
  145. option("autofocus", null)
  146. option("direction", "ltr", (cm, val) => cm.doc.setDirection(val), true)
  147. option("phrases", null)
  148. }
  149. function dragDropChanged(cm, value, old) {
  150. let wasOn = old && old != Init
  151. if (!value != !wasOn) {
  152. let funcs = cm.display.dragFunctions
  153. let toggle = value ? on : off
  154. toggle(cm.display.scroller, "dragstart", funcs.start)
  155. toggle(cm.display.scroller, "dragenter", funcs.enter)
  156. toggle(cm.display.scroller, "dragover", funcs.over)
  157. toggle(cm.display.scroller, "dragleave", funcs.leave)
  158. toggle(cm.display.scroller, "drop", funcs.drop)
  159. }
  160. }
  161. function wrappingChanged(cm) {
  162. if (cm.options.lineWrapping) {
  163. addClass(cm.display.wrapper, "CodeMirror-wrap")
  164. cm.display.sizer.style.minWidth = ""
  165. cm.display.sizerWidth = null
  166. } else {
  167. rmClass(cm.display.wrapper, "CodeMirror-wrap")
  168. findMaxLine(cm)
  169. }
  170. estimateLineHeights(cm)
  171. regChange(cm)
  172. clearCaches(cm)
  173. setTimeout(() => updateScrollbars(cm), 100)
  174. }