WordPress.org

Make WordPress Core

Ticket #31973: wordpress-svg.patch

File wordpress-svg.patch, 2.1 KB (added by LewisCowles, 3 years ago)

SVG patch for functions.php and media-template.php in wp-includes fixes svg display and enables upload of SVG by default

  • functions.php

     
    21812181        'bmp' => 'image/bmp',
    21822182        'tiff|tif' => 'image/tiff',
    21832183        'ico' => 'image/x-icon',
     2184        'svg' => 'image/svg+xml',
    21842185        // Video formats.
    21852186        'asf|asx' => 'video/x-ms-asf',
    21862187        'wmv' => 'video/x-ms-wmv',
  • media-template.php

     
    294294                                        <div class="media-progress-bar"><div></div></div>
    295295                                <# } else if ( 'image' === data.type && data.sizes && data.sizes.large ) { #>
    296296                                        <img class="details-image" src="{{ data.sizes.large.url }}" draggable="false" />
     297                                <# } else if ( 'svg+xml' === data.subtype ) { #>
     298                                        <img class="details-image" src="{{ data.url }}" draggable="false" />
    297299                                <# } else if ( 'image' === data.type && data.sizes && data.sizes.full ) { #>
    298300                                        <img class="details-image" src="{{ data.sizes.full.url }}" draggable="false" />
    299301                                <# } else if ( -1 === jQuery.inArray( data.type, [ 'audio', 'video' ] ) ) { #>
     
    449451                        <div class="thumbnail">
    450452                                <# if ( data.uploading ) { #>
    451453                                        <div class="media-progress-bar"><div style="width: {{ data.percent }}%"></div></div>
     454                                <# } else if ( 'svg+xml' === data.subtype ) { #>
     455                                        <div class="centered">
     456                                                <img src="{{ data.url }}" class="thumbnail" draggable="false" />
     457                                        </div>
    452458                                <# } else if ( 'image' === data.type && data.sizes ) { #>
    453459                                        <div class="centered">
    454460                                                <img src="{{ data.size.url }}" draggable="false" alt="" />
     
    505511                        <div class="thumbnail thumbnail-{{ data.type }}">
    506512                                <# if ( data.uploading ) { #>
    507513                                        <div class="media-progress-bar"><div></div></div>
     514                                <# } else if ( 'svg+xml' === data.subtype ) { #>
     515                                        <div class="centered">
     516                                                <img src="{{ data.url }}" class="thumbnail" draggable="false" />
     517                                        </div>
    508518                                <# } else if ( 'image' === data.type && data.sizes ) { #>
    509519                                        <img src="{{ data.size.url }}" draggable="false" />
    510520                                <# } else { #>