Indicate the current page’s location within a navigational hierarchy.

• Compatible with Bootstrap 4

DEPENDENCIES:

No dependencies.

NOTE: You can send your suggestions, comments, concerns, or inquiries through mj.plugins.info@gmail.com or by filling up the contact form of my website. I'm having trouble using Disqus lol.

Adds the functionality to set the line-height property of an element similar to the font-size.

Installation notes:

• Add "lineheight" in the toolbar configuration alongwith other plugins. Refer this link for toolbar configuration
• Add "lineheight" in config.extraPlugins in the config.js file. Refer this for setting configurations

Adding custom  values for line-height:

if you want to add your own values for line-height, you can modify the CKEDITOR.config.line_height in config.js. Let's assume that you need line-height value in "em" other than default integers. So, all you need to do is to add this line in the config.js file:

config.line_height="1em;1.1em;1.2em;1.3em;1.4em;1.5em" ;

In this way, you'll have your custom values in dropdown and hence you can modify it accordingly.

Or if you want values in pixels, then:

config.line_height="1px;1.1px;1.2px;1.3px;1.4px;1.5px" ;

So, you can have any unit for line-height using this option. For more information on modifying the settings, you can refer this link

Adding new languages

Translate "Line Height" into your language using any translation tools.

1. Create a new file and name it as yourLanguageCode.js, for eg: en.js for English, fr.js for French and put it inside lang folder.
2. Copy this code and replace en and "Line Height" with your language code and the translation respectively:

CKEDITOR.plugins.setLang('lineheight','en', {
    title: 'Line Height'
} );

 

Note: Please review and rate this plugin. It will help other users before they use it.

If you still face any problems, feel free to clear it in the comments below or just head over to Stackoverflow.com and make sure you tag proper keywords in your question. I will be glad to assist you.

This plugin allows you to change the themed ui editor instance toolbar when switching between maximized mode and normal.

Requires:

• Maximize plugin. But not the button that goes with it. All toolbars used in the ckeditor instance have to use the 'Toolbarswitch' button instead.
• A custom config to define the small and big toolbars.
• function CKeditor_OnComplete(ckEditorInstance){ ... your own custom code or leave empty... } This was added to the plugin for those that wrap the ckeditor in other java script to shield the rest of their code from ckeditor version particularities.

• Turn off advanced content filtering with: "config.allowedContent = true;" otherwise content will be filtered away when switching from a big to a small toolbar.

• jQuery

Example replace:

CKEDITOR.replace('sometextcomponentname', {
    customConfig: '/...custom_ckeditor_config.js',
    toolbar: 'yoursmalltoolbarname',
    smallToolbar: 'yoursmalltoolbarname',
    maximizedToolbar: 'yourbigtoolbarname'
});

In case you want to use the same config everywhere and do

CKEDITOR.replace('sometextcomponentname');

everywhere instead. Simply add the following to the "config.js":

config.toolbar_minToolbar = [...]; // Custom minimized toolbar config
config.toolbar_maxToolbar = [...]; // Custom maximized toolbar config
config.toolbar = 'minToolbar';
config.smallToolbar = 'minToolbar';
config.maximizedToolbar = 'maxToolbar';
config.allowedContent = true;

This plugin allows inserting Youtube videos using embed code or just the video URL.

Follow these steps:

1. Extract the downloaded file into the CKEditor’s plugins folder.
2. Enable the plugin by changing or adding the extraPlugins line in your configuration (config.js):

config.extraPlugins = 'youtube';

You can also change the default plugin options on config.js:

Video width:

config.youtube_width = '640';

Video height:

config.youtube_height = '480';

Make responsive (ignore width and height, fit to width):

config.youtube_responsive = true;

Show related videos:

config.youtube_related = true;

Use old embed code:

config.youtube_older = false;

Enable privacy-enhanced mode:

config.youtube_privacy = false;

Start video automatically:

config.youtube_autoplay = false;

Show player controls:

config.youtube_controls = true;

Disable the change of settings. The elements on the list will be disabled (but still visible). See the available element list below.

config.youtube_disabled_fields = ['txtEmbed', 'chkAutoplay'];

List of UI elements:

• txtEmbed
• txtUrl
• txtWidth
• txtHeight
• chkResponsive
• chkNoEmbed
• chkRelated
• chkOlderCode
• chkPrivacy
• chkAutoplay
• txtStartAt
• chkControls