RedactorX.add('plugin', 'fontsize', {
translations: {
en: {
"fontsize": {
"font-size": "Font Size",
"reset": "Reset to default"
}
}
},
defaults: {
icon: '',
items: ['8px', '9px', '10px', '11px', '12px', '14px', '18px', '24px', '30px'],
itemsObj: {
'8px': {
title: '8px',
params: {
tag: 'span',
attr: {
'style': 'font-size: 8px;'
}
}
},
'9px': {
title: '9px',
params: {
tag: 'span',
attr: {
'style': 'font-size: 9px;'
}
}
},
'10px': {
title: '10px',
params: {
tag: 'span',
attr: {
'style': 'font-size: 10px;'
}
}
},
'11px': {
title: '11px',
params: {
tag: 'span',
attr: {
'style': 'font-size: 11px;'
}
}
},
'12px': {
title: '12px',
params: {
tag: 'span',
attr: {
'style': 'font-size: 12px;'
}
}
},
'14px': {
title: '14px',
params: {
tag: 'span',
attr: {
'style': 'font-size: 14px;'
}
}
},
'18px': {
title: '18px',
params: {
tag: 'span',
attr: {
'style': 'font-size: 18px;'
}
}
},
'24px': {
title: '24px',
params: {
tag: 'span',
attr: {
'style': 'font-size: 24px;'
}
}
},
'30px': {
title: '30px',
params: {
tag: 'span',
attr: {
'style': 'font-size: 30px;'
}
}
},
}
},
start: function() {
this.app.toolbar.add('fontsize', {
title: '## fontsize.font-size ##',
icon: this.opts.fontsize.icon,
command: 'fontsize.popup',
position: { after: 'deleted' },
blocks: {
all: 'editable'
}
});
},
popup: function(params, button) {
var arr = this.opts.fontsize.items;
var inlines = this.app.selection.getNodes({ type: 'inline' });
var items = {};
for (var i = 0; i < arr.length; i++) {
var key = arr[i];
items[key] = this.opts.fontsize.itemsObj[key];
items[key].command = 'inline.set'
}
// remove format
if (inlines.length !== 0) {
items['remove'] = {
title: '## fontsize.reset ##',
divider: 'top',
command: 'inline.removeFormat'
};
}
this.app.popup.create('fontsize', {
width: '300px',
items: items
});
this.app.popup.open({ button: button });
}
});