@rickx/ckeditor5-line-height
Version:
LineHeight plugin for CKEditor5
17 lines (13 loc) • 4.77 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('ckeditor5')) :
typeof define === 'function' && define.amd ? define(['exports', 'ckeditor5'], factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@rickx/ckeditor5-line-height"] = {}, global.CKEDITOR));
})(this, (function (exports, ckeditor5) { 'use strict';
var c='<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1545631834210" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1840" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"><defs><style type="text/css"></style></defs><path d="M648 160H104c-4.4 0-8 3.6-8 8v128c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-64h168v560h-92c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-92V232h168v64c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V168c0-4.4-3.6-8-8-8z m272.8 546H856V318h64.8c6 0 9.4-7 5.7-11.7L825.7 178.7c-2.9-3.7-8.5-3.7-11.3 0L713.6 306.3c-3.7 4.7-0.4 11.7 5.7 11.7H784v388h-64.8c-6 0-9.4 7-5.7 11.7l100.8 127.5c2.9 3.7 8.5 3.7 11.3 0l100.8-127.5c3.8-4.7 0.4-11.7-5.6-11.7z" fill="#000000" p-id="1841"></path></svg>';const r="lineHeight";function a(t){return "object"==typeof t&&((e=t).title&&e.model&&e.view)?t:"default"===t?{model:void 0,title:"Default"}:function(t){"object"!=typeof t&&(t={title:String(t),model:String(t)});return {title:t.title,model:t.model}}(t);var e;}function d(t){return t.map((t=>a(t))).filter((t=>!!t))}class u extends ckeditor5.Command{static get pluginName(){return "LineHeightEditing"}constructor(t){super(t);}refresh(){const t=this.editor.model.document,i=ckeditor5.first(t.selection.getSelectedBlocks());this.isEnabled=!!i&&this._canSetLineHeight(i),this.value=this.isEnabled&&i.hasAttribute(r)?i.getAttribute(r):"default";}execute(t={}){const e=this.editor.model,i=e.document,o=t.value;e.change((t=>{const e=Array.from(i.selection.getSelectedBlocks()).filter((t=>this._canSetLineHeight(t)));e[0].getAttribute(r)===o||!o?function(t,e){for(const i of t)e.removeAttribute(r,i);}(e,t):function(t,e,i){for(const o of t)e.setAttribute(r,i,o);}(e,t,o);}));}_canSetLineHeight(t){return this.editor.model.schema.checkAttribute(t,r)}}class h extends ckeditor5.Plugin{static get pluginName(){return "LineHeightEditing"}constructor(t){super(t),t.config.define(r,{options:["default",1,1.1,1.2,1.3,1.4,1.5,1.6,2,2.5],supportAllValues:false});}init(){const t=this.editor,e=t.model.schema,i=t.config.get("lineHeight.supportAllValues"),o=d(t.config.get("lineHeight.options")).filter((t=>t.model));e.extend("$block",{allowAttributes:r}),t.model.schema.setAttributeProperties(r,{isFormatting:true});const n=function(t,e){const i={model:{key:t,values:[]},view:{}};for(const t of e)i.model.values.push(t.model),i.view[t.model]={key:"style",value:{"line-height":t.model}};return i}(r,o);i?this._prepareAnyValueConverters():t.conversion.attributeToAttribute(n),t.commands.add(r,new u(t));}_prepareAnyValueConverters(){const t=this.editor;t.conversion.for("downcast").attributeToAttribute({model:r,view:t=>({key:"style",value:{"line-height":t}})}),t.conversion.for("upcast").elementToAttribute({model:{key:r,value:t=>t.getStyle("line-height")},view:{name:"p",styles:{"line-height":/.*/}}});}}class m extends ckeditor5.Plugin{static get pluginName(){return "LineHeightUI"}init(){const t=this.editor,e=t.ui.componentFactory,i=t.t,a=this._getLocalizedOptions(),d=t.commands.get(r);e.add(r,(e=>{const u=ckeditor5.createDropdown(e);return ckeditor5.addListToDropdown(u,function(t,e){const i=new ckeditor5.Collection;for(const o of t){const t={type:"button",model:new ckeditor5.ViewModel({commandName:r,commandParam:o.model,label:o.title,class:"ck-line-height-option",withText:true})};t.model.bind("isOn").to(e,"value",(t=>t===o.model)),i.add(t);}return i}(a,d)),u.buttonView.set({label:i("Line Height"),icon:c,tooltip:true}),u.extendTemplate({attributes:{class:["ck-line-height-dropdown"]}}),u.bind("isEnabled").to(d),this.listenTo(u,"execute",(e=>{t.execute(e.source.commandName,{value:e.source.commandParam}),t.editing.view.focus();})),u}));}_getLocalizedOptions(){const t=this.editor,e={Default:(0, t.t)("Default")};return d(t.config.get(r).options).map((t=>{const i=e[t.title];return i&&i!==t.title&&(t=Object.assign({},t,{title:i})),t}))}}class g extends ckeditor5.Plugin{static get requires(){return [h,m]}static get pluginName(){return "LineHeight"}}const p={lineHeight:c};
exports.LINE_HEIGHT = r;
exports.LineHeight = g;
exports.LineHeightEditing = h;
exports.LineHeightUI = m;
exports.icons = p;
}));
//# sourceMappingURL=index.umd.js.map