Skip to content

This is a Sitecore Control that uses the Tiny MCE Editor in place of the default one.

Notifications You must be signed in to change notification settings

Antonytm/Sitecore-TinyMCERTE

 
 

Repository files navigation

Sitecore-TinyMCERTE

Build status GitHub top language

Description

This is a Sitecore Control that uses the Tiny MCE Editor in place of the default one

How to install

  1. Download Sitecore update package: a) from Github releases if you want stable version; b) from AppVeyor if you want latest version
  2. Install it using update installation wizard /sitecore/admin/UpdateInstallationWizard.aspx
  3. Set new field types on tempates that you want

How to use

Module introduces 2 new field types: TinyMCERTE and Rich Text with TinyMCERTE. TinyMCERTE allows to edit field only with TinyMCE editor. Rich Text with TinyMCERTE remains compatibility with Rich Text field. You will have same abilities to edit Rich Text field, but additionaly your will get ability to run TinyMCE editor.

TinyMCERTE and Rich Text with TinyMCERTE fields are compatible with Rich Text field. All these fields use HTML format to save data. If you are not happy with editing abilities of any of this field types, you can change field type without losing data in it.

Configuration

All information below relates to both TinyMCERTE and Rich Text with TinyMCERTE fields. When configuration for thsese fields differs, it is described separately.

Editing profile

Similar to classic Rich Text field, TinyMCERTE and Rich Text with TinyMCERTE fields has ability to set editing profiles.

You need to set Source field value on the template to do it. Format of setting value is: {1}&so_mce={2}. Where:

  • {1} - HTML Editor Profile for Rich Text controls. (If applied, because TinyMCERTE doesn't use it)
  • {2} - HTML Editor Profile for TinyMCE controls.

All available TinyMCE editing profiles are located in core database under path /sitecore/system/Settings/TinyMCE Editor Profiles. Available values provided with intallation package:

  • /sitecore/system/Settings/TinyMCE Editor Profiles/TinyMCE Basic Profile
  • /sitecore/system/Settings/TinyMCE Editor Profiles/TinyMCE Default Profile
  • /sitecore/system/Settings/TinyMCE Editor Profiles/TinyMCE Full Classic Profile
  • /sitecore/system/Settings/TinyMCE Editor Profiles/TinyMCE Standard Common Profile

You can create your own editor profiles or configure existing ones depending of your needs. Each profile has next abilities for configuration:

Local development setup

  1. Clone repository
  2. Open command line
  3. Change dir to ".\Sitecore-TinyMCERTE\sitecore\shell\Controls\Lib"
  4. Run npm install. It will install TinyMCE npm package and all dependencies.
  5. Install and configure Unicorn on your Sitecore instance
  6. Edit Sitecore-TinyMCERTE\App_Config\Include\TinyEditor.Serialization.config file. Change physicalRootPath to correspond your local location of source folder
  7. Use FolderProfile publishing profile to publish your project (Create your own profile based on this one or edit existing ones)
  8. Sync TinyMCERTE Unicorn configuration after publishing of project

About

This is a Sitecore Control that uses the Tiny MCE Editor in place of the default one.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • C# 54.9%
  • JavaScript 27.6%
  • ASP.NET 15.3%
  • CSS 1.4%
  • PowerShell 0.8%