Difference between revisions of "Widget:CodeExplorer"

Revision as of 20:32, 13 June 2021

Parameters:

uniqueID: integer: id for editor, must be unique per page
width: integer|string: percentage (as string, e.g. "100%" or integer size in pixels), null for no change (full width)
height: integer|string: percentage (as string, e.g. "100%" or integer size in pixels), null for no change (~10 lines)
lineNumbers: boolean: true to display line numbers
theme: string: name of theme (which must be loaded via css)
readOnly: boolean: true if editing should be disabled
mode: string: language for highlighting (which must be loaded via js)
initialCode: string: initial code to place in editor

Example:

{{#widget:CodeExplorer
|uniqueID=10
|width=null
|height=null
|lineNumbers=true
|theme=vibrant-ink
|readOnly=false
|mode=swift
|initialCode=func sayHello() {
    print("Hello, World!")
}
}}

@@ Line 82: / Line 82: @@
      </div>
      <div class="merlin-code-explorer-control-panel">
-         <input type="submit" value="Run" />
+         <input class="merlin-code-explorer-run-button" type="submit" value="Run ▶" />
      </div>
 </form>