Changeset 46793 for trunk/src/wp-includes/kses.php

Timestamp:

11/28/2019 12:27:21 AM (5 years ago)

Author:

SergeyBiryukov

Message:

KSES: Add support for gradient backgrounds.

Props jorgefilipecosta.
Fixes #48376.

File:

• trunk/src/wp-includes/kses.php (modified) (5 diffs)

trunk/src/wp-includes/kses.php

@@ -2074 +2074 @@
      * @since 5.3.0 Added support for `grid`, `flex` and `column` layout properties.
      *              Extend `background-*` support of individual properties.
+     * @since 5.3.1 Added support for gradient backgrounds.
      *
      * @param string[] $attr Array of allowed CSS attributes.
@@ -2210 +2211 @@
     );
 
+    /*
+     * CSS attributes that accept gradient data types.
+     *
+     */
+    $css_gradient_data_types = array(
+        'background',
+        'background-image',
+    );
+
     if ( empty( $allowed_attr ) ) {
         return $css;
@@ -2224 +2234 @@
         $found           = false;
         $url_attr        = false;
+        $gradient_attr   = false;
 
         if ( strpos( $css_item, ':' ) === false ) {
@@ -2232 +2243 @@
 
             if ( in_array( $css_selector, $allowed_attr, true ) ) {
-                $found    = true;
-                $url_attr = in_array( $css_selector, $css_url_data_types, true );
+                $found         = true;
+                $url_attr      = in_array( $css_selector, $css_url_data_types, true );
+                $gradient_attr = in_array( $css_selector, $css_gradient_data_types, true );
             }
         }
@@ -2259 +2271 @@
                     $css_test_string = str_replace( $url_match, '', $css_test_string );
                 }
+            }
+        }
+
+        if ( $found && $gradient_attr ) {
+            $css_value = trim( $parts[1] );
+            if ( preg_match( '/^(repeating-)?(linear|radial|conic)-gradient\(([^()]|rgb[a]?\([^()]*\))*\)$/', $css_value ) ) {
+                // Remove the whole `gradient` bit that was matched above from the CSS.
+                $css_test_string = str_replace( $css_value, '', $css_test_string );
             }
         }