Context Navigation

Back to Ticket #36525

Ticket #36525: 36525.diff

File 36525.diff, 3.1 KB (added by peterwilsoncc, 10 years ago)

src/wp-includes/formatting.php

diff --git a/src/wp-includes/formatting.php b/src/wp-includes/formatting.php
index 2df89a9..11d2e5e 100644

                function print_emoji_detection_script() {
         $settings = array(
                 /**
                  * Filter the URL where emoji images are hosted.
+                 * Filter the URL where emoji png images are hosted.
+                 *
                  * @since 4.2.0
+                 *
                  * @param string The emoji base URL.
+                 * @param string The emoji base URL for png images.
                  */
                 'baseUrl' => apply_filters( 'emoji_url', 'https://s.w.org/images/core/emoji/72x72/' ),
                 /**
                  * Filter the extension of the emoji files.
+                 * Filter the extension of the emoji png files.
+                 *
                  * @since 4.2.0
+                 *
                  * @param string The emoji extension. Default .png.
+                 * @param string The emoji extension for png files. Default .png.
                  */
                 'ext' => apply_filters( 'emoji_ext', '.png' ),
+                /**
+                 * Filter the URL where emoji SVG images are hosted.
+                 *
+                 * @since 4.2.0
+                 *
+                 * @param string The emoji base URL for svg images.
+                 */
+                'svgUrl' => apply_filters( 'emoji_svg_url', 'https://s.w.org/images/core/emoji/svg/' ),
+                /**
+                 * Filter the extension of the emoji SVG files.
+                 *
+                 * @since 4.2.0
+                 *
+                 * @param string The emoji extension for svg files. Default .svg.
+                 */
+                'svgExt' => apply_filters( 'emoji_svg_ext', '.svg' ),
         );
         $version = 'ver=' . $wp_version;

src/wp-includes/js/wp-emoji.js

diff --git a/src/wp-includes/js/wp-emoji.js b/src/wp-includes/js/wp-emoji.js
index dafcc36..4156f01 100644

-              a
         function wpEmoji() {
                 var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver,
+                // Compression and maintain local scope
+                document = window.document,
                 // Private
                 twemoji, timer,
                 loaded = false,
 …
                 ie11 = window.navigator.userAgent.indexOf( 'Trident/7.0' ) > 0;
                 /**
+                 * Detect if the browser supports SVG.
+                 *
+                 * @since 4.6.0
+                 *
+                 * @return {Boolean} True if the browser supports svg, false if not.
+                 */
+                function browserSupportsSvgAsImage() {
+                        if ( !! document.implementation.hasFeature ) {
+                                // Source: Modernizr
+                                // https://github.com/Modernizr/Modernizr/blob/master/feature-detects/svg/asimg.js
+                                return document.implementation.hasFeature( 'http://www.w3.org/TR/SVG11/feature#Image', '1.1' );
+                        }
+                        // document.implementation.hasFeature is deprecated. It can be presumed
+                        // if future browsers remove it, the browser will support SVGs as images.
+                        return true;
+                }
+                /**
                  * Runs when the document load event is fired, so we can do our first parse of the page.
+                 *
                  * @since 4.2.0
 …
                         args = args || {};
                         params = {
                                 base: settings.baseUrl,
                                 ext: settings.ext,
+                                base: browserSupportsSvgAsImage() ? settings.svgUrl : settings.baseUrl,
+                                ext:  browserSupportsSvgAsImage() ? settings.svgExt : settings.ext,
                                 className: args.className || 'emoji',
                                 callback: function( icon, options ) {
                                         // Ignore some standard characters that TinyMCE recommends in its character map.

Download in other formats:

Original Format

Make WordPress Core

Context Navigation

Ticket #36525: 36525.diff

src/wp-includes/formatting.php

src/wp-includes/js/wp-emoji.js

Download in other formats: