Difference between revisions of "Widget:CodeExplorer"
From Coder Merlin
| Line 38: | Line 38: | ||
</div> | </div> | ||
<div class="merlin-code-explorer-code-panel"> | <div class="merlin-code-explorer-code-panel"> | ||
<textarea id="codeEditorTextArea<!--{$uniqueID|validate:int}-->" > | <textarea id="codeEditorTextArea<!--{$uniqueID|validate:int}-->"><!--{$initialCode}--></textarea> | ||
<script> | <script> | ||
var codeEditor<!--{$uniqueID|validate:int}-->; | var codeEditor<!--{$uniqueID|validate:int}-->; | ||
Revision as of 10:17, 14 June 2021
Parameters:
- userName
- The current user's username
- 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
|userName=john-williams
|uniqueID=10
|width=null
|height=null
|lineNumbers=true
|theme=vibrant-ink
|readOnly=false
|mode=swift
|initialCode=func sayHello() {
print("Hello, World!")
}
}}
