Adds the functionality to set the line-height property of an element similar to the font-size.
- 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:
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:
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.
- 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.
- Copy this code and replace en and "Line Height" with your language code and the translation respectively:
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.
The recommended way to install all CKEditor add-ons is to create a custom build by using Online builder. To do that, click the Add to my editor button on the plugin page. When you are done, click the Build my editor button on the right side of the page to go to Online builder.
Note: This add-on is already selected to be a part of your current build.
Add-on installation instructions
If you want to add the plugin manually, you will need to:
- Extract the downloaded plugin
pluginsfolder of your CKEditor installation. Example:
- Enable the plugin by using the
extraPluginsconfiguration setting. Example:
config.extraPlugins = 'lineheight';
- Download and configure all its dependencies, too.
Note: The plugin may have additional requirements. Check the add-on page and documentation for more details.