Luke: /* Declaring a HTML field */

2022-10-04T21:57:24Z

Declaring a HTML field

← Older revision		Revision as of 21:57, 4 October 2022
Line 29:		Line 29:
	[Data("type", "html")]		[Data("type", "html")]
	public string Description;		public string Description;

			</syntaxhighlight>

			Or just straight from Input:

			<syntaxhighlight lang="javascript">

			import Input from 'UI/Input';

			..

			<Input type='html' name='myField' label='My Field'/>

	</syntaxhighlight>		</syntaxhighlight>

Luke: Created page with "In general it's recommended to rally around the canvas format as much as possible as canvas is inherently frontend safe and not tied to the quirks of html "tag soup..."

2022-10-04T14:06:37Z

Created page with "In general it's recommended to rally around the canvas format as much as possible as canvas is inherently frontend safe and not tied to the quirks of html "tag soup..."

New page

In general it's recommended to rally around the [[Canvas|canvas format]] as much as possible as canvas is inherently frontend safe and not tied to the quirks of html "tag soup". However though, there are certainly times where just having a well supported HTML editor is absolutely beneficial. For that role we recommend installing the TinyMCE module.

= Installing a HTML editor =

Install TinyMCE like so:

<syntaxhighlight lang="bash">
socialstack i Admin/TinyMCE
</syntaxhighlight>

Because of the previously mentioned unsafe nature of HTML, tinyMCE is initially present as an admin only module. As with all admin modules though, you can simply relocate the folder from Admin/Source/ThirdParty to the UI/Source directory and it will then be available on both the admin panel and the frontend.

= Declaring a HTML field =

When TinyMCE is installed, it claims the input type of "html". As with all custom input types, you can then use it from either propTypes:

<syntaxhighlight lang="javascript">

MyComponent.propTypes = {
propName: 'html'
};

</syntaxhighlight>

Or you can use it from your C# [[Entities|entity fields]]:

<syntaxhighlight lang="javascript">

[Data("type", "html")]
public string Description;

</syntaxhighlight>

Html Fields - Revision history

Luke: /* Declaring a HTML field */

Luke: Created page with "In general it's recommended to rally around the canvas format as much as possible as canvas is inherently frontend safe and not tied to the quirks of html "tag soup..."