GETTING STARTED
TINYMCE INTEGRATION

TinyMCE is an open source javascript based rich text editor that can be used in a web-based application.

The mydigitalstructure service includes hosted versions @

  • /jscripts/tinymce-4.1.5/tinymce.min.js

  • /jscripts/tinymce_jquery-4.1.5/tinymce.min.js

  • /jscripts/tiny_mce-3.5.8/tiny_mce.js (legacy)


or reference the TinyMCE hosted version @

  • tinymce.cachefly.net/4.1/tinymce.min.js

TINYMCE v4.x

LINK LISTS

When selecting links & images you can configure TinyMCE to display a select list based on documents and attachments held with in the users space.

When initialising TinyMCE with the tinyMCE.init() function add the following as required:

link_list: "/rpc/core/?method=CORE_EDITOR_LINK_SEARCH",
image_list: "/rpc/core/?method=CORE_EDITOR_IMAGE_SEARCH"


DYNAMIC TAGS

Some objects within mydigitalstructure support Dynamic Tags.

When creating a document you can insert dynamic tags which get replaced with real data by the mydigitalstructure service.

eg if when creating a NEWS item the user inserts the dynamic tag "First Name" - then when emailed to a contact, it will be replaced with their first name.

templates: "/rpc/core/?method=CORE_DYNAMIC_TAG_SEARCH"

TINYMCE v3.x (legacy)

LINK LISTS

external_link_list_url: "/ondemand/core/?method=CORE_EDITOR_LINK_SEARCH"
external_image_list_url: "/ondemand/core/?method=CORE_EDITOR_IMAGE_SEARCH"
external_media_list_url: "/ondemand/core/?method=CORE_EDITOR_MEDIA_SEARCH"


DYNAMIC TAGS

The hosted version of TinyMCE includes a plugin "dynamicTags" - which will add a button to the toolbar which allows a user to insert dynamic tags in to the document.

When initialising TinyMCE add "dynamicTags" to the plugins: and theme_advanced_buttons3_add: parameters.

By default the plugin dialog will show generic tags that apply to all objects.  To include an objects specific dynamic tags then add dynamic_tags_object: [object id]

eg:  dynamic_tags_object: "32" for the contact person object.

If you want to customise your own dialog then use dynamic_tags_url: 

You will need to provide a page equivalent to:

/jscripts/tiny_mce-3.4.4/plugins/dynamicTags/dynamicTags.html

 



 
METHODS

CORE_EDITOR_LINK_SEARCH

CORE_EDITOR_IMAGE_SEARCH

CORE_EDITOR_MEDIA_SEARCH

CORE_DYNAMIC_TAG_SEARCH

JS CODE
TinyMCE 3.x DynamicTag Plugin Source Code
LINKS FOR 4.x
TinyMCE Skin Creator
A modern light skin
Sample integration code
(search for TinyMCE)
Templates "snippets" plugin