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 { #>