Luke at 01:11, 11 January 2023

2023-01-11T01:11:14Z

← Older revision		Revision as of 01:11, 11 January 2023
Line 4:		Line 4:

	Essentially the canvas editor is a what-you-see-is-what-you-get experience and it has a primary goal of getting out of the way of the content itself. One of the most common uses of a canvas editor is to edit rich text content, and that is primarily handled by the editor [https://draftjs.org/ Draft.js].		Essentially the canvas editor is a what-you-see-is-what-you-get experience and it has a primary goal of getting out of the way of the content itself. One of the most common uses of a canvas editor is to edit rich text content, and that is primarily handled by the editor [https://draftjs.org/ Draft.js].

			= Making your components available to the editor =

			For a component to appear in the canvas editor's "Add Component" UI, it must simply have propTypes. It can be an empty object too.

			<syntaxhighlight lang="js">

			export default function HelloWorld(props) {
			}

			HelloWorld.propTypes = {};

			</syntaxhighlight>

			<syntaxhighlight lang="js">

			export default class HelloWorld extends React.Component {
			}

			HelloWorld.propTypes = {};

			</syntaxhighlight>

			The propTypes you specify will directly drive which fields (and what input type they'll be) will appear in the properties UI.

			<syntaxhighlight lang="js">
			HelloWorld.propTypes = {
			title: 'text',
			isBold: 'bool',
			friendlyImageRef: 'image'
			};
			</syntaxhighlight>

Luke: Created page with "The canvas editor is the main editor usually encountered in a SocialStack admin panel. It edits Canvas content, and a canvas is a JSON structure which describes a tree of..."

2023-01-10T23:06:23Z

Created page with "The canvas editor is the main editor usually encountered in a SocialStack admin panel. It edits Canvas content, and a canvas is a JSON structure which describes a tree of..."

New page

The canvas editor is the main editor usually encountered in a SocialStack admin panel. It edits [[Canvas]] content, and a canvas is a JSON structure which describes a tree of components.

= How it works =

Essentially the canvas editor is a what-you-see-is-what-you-get experience and it has a primary goal of getting out of the way of the content itself. One of the most common uses of a canvas editor is to edit rich text content, and that is primarily handled by the editor [https://draftjs.org/ Draft.js].

Canvas Editor - Revision history

Luke at 01:11, 11 January 2023

Luke: Created page with "The canvas editor is the main editor usually encountered in a SocialStack admin panel. It edits Canvas content, and a canvas is a JSON structure which describes a tree of..."