/** * plugin.js * * Released under LGPL License. * Copyright (c) 1999-2015 Ephox Corp. All rights reserved * * License: http://www.tinymce.com/license * Contributing: http://www.tinymce.com/contributing */ /*global tinymce:true */ tinymce.PluginManager.add('advlist', function(editor) { var olMenuItems, ulMenuItems, lastStyles = {}; function buildMenuItems(listName, styleValues) { var items = []; tinymce.each(styleValues.split(/[ ,]/), function(styleValue) { items.push({ text: styleValue.replace(/\-/g, ' ').replace(/\b\w/g, function(chr) { return chr.toUpperCase(); }), data: styleValue == 'default' ? '' : styleValue }); }); return items; } olMenuItems = buildMenuItems('OL', editor.getParam( "advlist_number_styles", "default,lower-alpha,lower-greek,lower-roman,upper-alpha,upper-roman" )); ulMenuItems = buildMenuItems('UL', editor.getParam("advlist_bullet_styles", "default,circle,disc,square")); function applyListFormat(listName, styleValue) { editor.undoManager.transact(function() { var list, dom = editor.dom, sel = editor.selection; // Check for existing list element list = dom.getParent(sel.getNode(), 'ol,ul'); // Switch/add list type if needed if (!list || list.nodeName != listName || styleValue === false) { var detail = { 'list-style-type': styleValue ? styleValue : '' }; editor.execCommand(listName == 'UL' ? 'InsertUnorderedList' : 'InsertOrderedList', false, detail); } // Set style styleValue = styleValue === false ? lastStyles[listName] : styleValue; lastStyles[listName] = styleValue; list = dom.getParent(sel.getNode(), 'ol,ul'); if (list) { dom.setStyle(list, 'listStyleType', styleValue ? styleValue : null); list.removeAttribute('data-mce-style'); } editor.focus(); }); } function updateSelection(e) { var listStyleType = editor.dom.getStyle(editor.dom.getParent(editor.selection.getNode(), 'ol,ul'), 'listStyleType') || ''; e.control.items().each(function(ctrl) { ctrl.active(ctrl.settings.data === listStyleType); }); } editor.addButton('numlist', { type: 'splitbutton', tooltip: 'Numbered list', menu: olMenuItems, onshow: updateSelection, onselect: function(e) { applyListFormat('OL', e.control.settings.data); }, onclick: function() { applyListFormat('OL', false); } }); editor.addButton('bullist', { type: 'splitbutton', tooltip: 'Bullet list', menu: ulMenuItems, onshow: updateSelection, onselect: function(e) { applyListFormat('UL', e.control.settings.data); }, onclick: function() { applyListFormat('UL', false); } }); });