# wysiwyg

Name wysiwyg
Type panel
Version 1.0
Since 2020-01-01

# Prologue

Panel for rich text editing. Write HTML or Markdown id editor and save its source code to defined variable.

Trumbowyg documentation:

  • https://alex-d.github.io/Trumbowyg/documentation/
  • https://alex-d.github.io/Trumbowyg/documentation/#button-pane

# Preview

# Configuration

wysiwyg:
	render: {width: 6}
	config:

		# Required
		# Where to store the written text source code (must be a scalar variable)
		variable: richtext

		# Optional
		# Pre-filled content of the editor
		default: 'Some default content'

		# Optional
		# When to replace placeholders in text
		# Options: on_open (default), on_save, off
		replace: 'on_open'

		# Optional
		# Further configuration for concrete editors (keys are type values)
		editor:
			# For example
			btns: [
				["formatting"]
				["strong", "em"]
			]

		ui:
			# Optional | Default - null
			# Panel title
			title: Type in your message

			# Optional | Default - null
			# Panel description
			description: Description of the panel
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

# Examples

#1 - Trumbowyg with default settings

wysiwyg:
	render: {width: 6}
	config:
		variable: richtext
		default: 'Some default content'
		replace: false
1
2
3
4
5
6

#2 - Trumbowyg with custom settings

wysiwyg:
	render: {width: 6}
	config:
		variable: richtext
		default: 'Some default content'
		replace: false
		editor:
			btns: [
				["formatting"]
				["strong", "em"]
			]
1
2
3
4
5
6
7
8
9
10
11

# Usage

You can use power of lattenizer and use these variables:

  • $<> (process variables)
  • $_process
  • $_linker