Add preserving custom colors feature

CHANGES.md

@@ -7,6 +7,8 @@ New features:
 
 * [#3940](https://github.com/ckeditor/ckeditor4/issues/3940): Introduced `colorName` property for customizing foreground and background styles in [color button](https://ckeditor.com/cke4/addon/colorbutton) plugin via [colorButton_foreStyle](https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-colorButton_foreStyle) and [colorButton_backStyle](https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-colorButton_backStyle) configuration options.
 * [#3793](https://github.com/ckeditor/ckeditor4/issues/3793): Introduced [Editor Placeholder](https://ckeditor.com/cke4/addon/editorplaceholder) plugin.
+* [#1795](https://github.com/ckeditor/ckeditor4/issues/1795): Colors picked from [Color Dialog](https://ckeditor.com/cke4/addon/colordialog) are now stored in [Color Button](https://ckeditor.com/cke4/addon/colorbutton) palette and can be easily reused.
+* [#3783](https://github.com/ckeditor/ckeditor4/issues/3783): Colors used in the document are now displayed as a part of the [Color Button](https://ckeditor.com/cke4/addon/colorbutton) palette.
 
 ## CKEditor 4.14.1
 

core/tools.js

@@ -1182,6 +1182,24 @@
 			return obj;
 		},
 
+		/**
+		 * Finds all span {@link CKEDITOR.dom.element elements} styled with the given property in the editor contents.
+		 *
+		 * @since 4.15.0
+		 * @param {String} property CSS property which will be used in query.
+		 * @param {CKEDITOR.dom.element} source The element to be searched.
+		 * @returns {Array} Returns an array of {@link CKEDITOR.dom.element}s.
+		 */
+		getStyledSpans: function( property, source ) {
+			var testProperty = CKEDITOR.env.ie && CKEDITOR.env.version == 8 ? property.toUpperCase() : property,
+				spans = source.find( 'span[style*=' + testProperty + ']' ).toArray();
+
+			// This is to filter out spans e.g. with background color when we want text color.
+			return CKEDITOR.tools.array.filter( spans, function( span ) {
+				return !!( span.getStyle( property ) );
+			} );
+		},
+
 		/**
 		 * Tries to fix the `document.domain` of the current document to match the
 		 * parent window domain, avoiding "Same Origin" policy issues.