:: libs :: js-as-form :: as-form-tinymce

Library index

js-as-form, AS.form library overview and static methods.
AS.form object reference.
AS.form.field object reference.
AS.form plugins, a list of plugins providing data types and themes
AS.form events, a list of events triggered by AS.form

Plugin: “as-form-tinymce”

This AS.form plugin is a wrap to TinyMCE.

Author and copyright

Developed and maintained by balestra

Licensed under Creative Commons Attribution 4.0 License for free personal/professional/commercial use, with attribution.

Includes TinyMCE.

Version 1.1, released on 2021-05-05

Provides

Fields of type:

tinymce
html, an alias to tinymce if field of type html isn’t defined yet.

The double class name is intentional: other plugins, loaded before or after this one, could re-define field type html.

Load plugin

Plugin URI: https://cdn.altersoftware.org/js-as-form/plugin/as-form-tinymce.js

Plugin name: tinymce

tinymce

asForm.addField( fieldname, 'tinymce', {options…} )

In alternative: asForm.addField(fieldname,'html', {options…} )

Generates a text field with HTML content, and its own WYSIWYG editor.

Common option keys can be used, in addition:

placeholder (string): empty field placehoder.

Events

When an Editor is fully loaded a custom event as:tinyMceInited is fired on the document node.

event.detail is a reference to the actual asField object.

The event can be used e.g. to rezize the editor:

AS.addEvent(document,'as:tinyMceInited',e=>{
    let h = parseInt(window.innerHeight) - 200;
    h = String( h > 600 ? 600 : h )+'px';
    e.detail.getWrap().querySelector('.tox-tinymce').style.height=h;
});

Version history

1.1 — Added event, enhanced value commit onchange.
1.0 — First stable release