2 * DO NOT EDIT THIS FILE.
3 * See the following change record for more information,
4 * https://www.drupal.org/node/2815083
8 (function ($, Drupal, Backbone, CKEDITOR, _) {
9 Drupal.ckeditor.ControllerView = Backbone.View.extend({
12 initialize: function initialize() {
13 this.getCKEditorFeatures(this.model.get('hiddenEditorConfig'), this.disableFeaturesDisallowedByFilters.bind(this));
15 this.model.listenTo(this.model, 'change:activeEditorConfig', this.model.sync);
16 this.listenTo(this.model, 'change:isDirty', this.parseEditorDOM);
18 parseEditorDOM: function parseEditorDOM(model, isDirty, options) {
20 var currentConfig = this.model.get('activeEditorConfig');
23 this.$el.find('.ckeditor-active-toolbar-configuration').children('.ckeditor-row').each(function () {
26 $(this).find('.ckeditor-toolbar-group').each(function () {
28 var $buttons = $group.find('.ckeditor-button');
29 if ($buttons.length) {
31 name: $group.attr('data-drupal-ckeditor-toolbar-group-name'),
34 $group.find('.ckeditor-button, .ckeditor-multiple-button').each(function () {
35 group.items.push($(this).attr('data-drupal-ckeditor-button-name'));
44 this.model.set('activeEditorConfig', rows);
46 this.model.set('isDirty', false);
48 if (options.broadcast !== false) {
49 var prev = this.getButtonList(currentConfig);
50 var next = this.getButtonList(rows);
51 if (prev.length !== next.length) {
52 this.$el.find('.ckeditor-toolbar-active').trigger('CKEditorToolbarChanged', [prev.length < next.length ? 'added' : 'removed', _.difference(_.union(prev, next), _.intersection(prev, next))[0]]);
57 getCKEditorFeatures: function getCKEditorFeatures(CKEditorConfig, callback) {
58 var getProperties = function getProperties(CKEPropertiesList) {
59 return _.isObject(CKEPropertiesList) ? _.keys(CKEPropertiesList) : [];
62 var convertCKERulesToEditorFeature = function convertCKERulesToEditorFeature(feature, CKEFeatureRules) {
63 for (var i = 0; i < CKEFeatureRules.length; i++) {
64 var CKERule = CKEFeatureRules[i];
65 var rule = new Drupal.EditorFeatureHTMLRule();
67 var tags = getProperties(CKERule.elements);
68 rule.required.tags = CKERule.propertiesOnly ? [] : tags;
69 rule.allowed.tags = tags;
71 rule.required.attributes = getProperties(CKERule.requiredAttributes);
72 rule.allowed.attributes = getProperties(CKERule.attributes);
74 rule.required.styles = getProperties(CKERule.requiredStyles);
75 rule.allowed.styles = getProperties(CKERule.styles);
77 rule.required.classes = getProperties(CKERule.requiredClasses);
78 rule.allowed.classes = getProperties(CKERule.classes);
82 feature.addHTMLRule(rule);
86 var hiddenCKEditorID = 'ckeditor-hidden';
87 if (CKEDITOR.instances[hiddenCKEditorID]) {
88 CKEDITOR.instances[hiddenCKEditorID].destroy(true);
91 var hiddenEditorConfig = this.model.get('hiddenEditorConfig');
92 if (hiddenEditorConfig.drupalExternalPlugins) {
93 var externalPlugins = hiddenEditorConfig.drupalExternalPlugins;
94 Object.keys(externalPlugins || {}).forEach(function (pluginName) {
95 CKEDITOR.plugins.addExternal(pluginName, externalPlugins[pluginName], '');
98 CKEDITOR.inline($('#' + hiddenCKEditorID).get(0), CKEditorConfig);
100 CKEDITOR.once('instanceReady', function (e) {
101 if (e.editor.name === hiddenCKEditorID) {
102 var CKEFeatureRulesMap = {};
103 var rules = e.editor.filter.allowedContent;
106 for (var i = 0; i < rules.length; i++) {
108 name = rule.featureName || ':(';
109 if (!CKEFeatureRulesMap[name]) {
110 CKEFeatureRulesMap[name] = [];
112 CKEFeatureRulesMap[name].push(rule);
116 var buttonsToFeatures = {};
117 Object.keys(CKEFeatureRulesMap).forEach(function (featureName) {
118 var feature = new Drupal.EditorFeature(featureName);
119 convertCKERulesToEditorFeature(feature, CKEFeatureRulesMap[featureName]);
120 features[featureName] = feature;
121 var command = e.editor.getCommand(featureName);
123 buttonsToFeatures[command.uiItems[0].name] = featureName;
127 callback(features, buttonsToFeatures);
131 getFeatureForButton: function getFeatureForButton(button) {
132 if (button === '-') {
136 var featureName = this.model.get('buttonsToFeatures')[button.toLowerCase()];
139 featureName = button.toLowerCase();
141 var featuresMetadata = this.model.get('featuresMetadata');
142 if (!featuresMetadata[featureName]) {
143 featuresMetadata[featureName] = new Drupal.EditorFeature(featureName);
144 this.model.set('featuresMetadata', featuresMetadata);
146 return featuresMetadata[featureName];
148 disableFeaturesDisallowedByFilters: function disableFeaturesDisallowedByFilters(features, buttonsToFeatures) {
149 this.model.set('featuresMetadata', features);
151 this.model.set('buttonsToFeatures', buttonsToFeatures);
153 this.broadcastConfigurationChanges(this.$el);
155 var existingButtons = [];
157 var buttonGroups = _.flatten(this.model.get('activeEditorConfig'));
158 for (var i = 0; i < buttonGroups.length; i++) {
159 var buttons = buttonGroups[i].items;
160 for (var k = 0; k < buttons.length; k++) {
161 existingButtons.push(buttons[k]);
165 existingButtons = _.unique(existingButtons);
167 for (var n = 0; n < existingButtons.length; n++) {
168 var button = existingButtons[n];
169 var feature = this.getFeatureForButton(button);
171 if (feature === false) {
175 if (Drupal.editorConfiguration.featureIsAllowedByFilters(feature)) {
176 this.$el.find('.ckeditor-toolbar-active').trigger('CKEditorToolbarChanged', ['added', existingButtons[n]]);
178 $('.ckeditor-toolbar-active li[data-drupal-ckeditor-button-name="' + button + '"]').detach().appendTo('.ckeditor-toolbar-disabled > .ckeditor-toolbar-available > ul');
180 this.model.set({ isDirty: true }, { broadcast: false });
184 broadcastConfigurationChanges: function broadcastConfigurationChanges($ckeditorToolbar) {
186 var hiddenEditorConfig = this.model.get('hiddenEditorConfig');
187 var getFeatureForButton = this.getFeatureForButton.bind(this);
188 var getCKEditorFeatures = this.getCKEditorFeatures.bind(this);
189 $ckeditorToolbar.find('.ckeditor-toolbar-active').on('CKEditorToolbarChanged.ckeditorAdmin', function (event, action, button) {
190 var feature = getFeatureForButton(button);
192 if (feature === false) {
196 var configEvent = action === 'added' ? 'addedFeature' : 'removedFeature';
197 Drupal.editorConfiguration[configEvent](feature);
198 }).on('CKEditorPluginSettingsChanged.ckeditorAdmin', function (event, settingsChanges) {
199 Object.keys(settingsChanges || {}).forEach(function (key) {
200 hiddenEditorConfig[key] = settingsChanges[key];
203 getCKEditorFeatures(hiddenEditorConfig, function (features) {
204 var featuresMetadata = view.model.get('featuresMetadata');
205 Object.keys(features || {}).forEach(function (name) {
206 var feature = features[name];
207 if (featuresMetadata.hasOwnProperty(name) && !_.isEqual(featuresMetadata[name], feature)) {
208 Drupal.editorConfiguration.modifiedFeature(feature);
212 view.model.set('featuresMetadata', features);
216 getButtonList: function getButtonList(config) {
219 config = _.flatten(config);
221 config.forEach(function (group) {
222 group.items.forEach(function (button) {
223 buttons.push(button);
227 return _.without(buttons, '-');
230 })(jQuery, Drupal, Backbone, CKEDITOR, _);