sysutils/svgo
1
0
Fork 0
mirror of https://github.com/svg/svgo.git synced 2025-07-31 07:44:22 +03:00
Code Activity

minifyStyles: preserve CDATA if needed

Browse Source
This commit is contained in:
GreLI
2016-03-08 20:35:00 +03:00
parent 5b88dc44dc
commit 215cd39c22
3 changed files with 22 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
lib/svgo/js2svg.js
View File

@ -202,7 +202,8 @@ JS2SVG.prototype.createComment = function(comment) {
*/
JS2SVG.prototype.createCDATA = function(cdata) {
return this.config.cdataStart +
return this.createIndent() +
this.config.cdataStart +
cdata +
this.config.cdataEnd;

5
plugins/minifyStyles.js
View File

@ -43,10 +43,11 @@ exports.fn = function(item, svgoOptions) {
if(item.elem) {
if(item.isElem('style') && !item.isEmpty()) {
var styleCss = item.content[0].text || item.content[0].cdata || [];
var styleCss = item.content[0].text || item.content[0].cdata || [],
DATA = styleCss.indexOf('>') >= 0 || styleCss.indexOf('<') >= 0 ? 'cdata' : 'text';
if(styleCss.length > 0) {
var styleCssMinified = minifyCss(styleCss, svgoOptions);
item.content[0].text = styleCssMinified;
item.content[0][DATA] = styleCssMinified;
}
}

17
test/plugins/minifyStyles.03.svg Normal file
View File

@ -0,0 +1,17 @@
<svg id="test" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<style>
<![CDATA[
.st0{ fill:red; padding-top: 1em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; background-image: url('data:image/svg,<svg width="16" height="16"/>') } @media screen and (max-width: 200px) { .st1 { display: none; } }
]]>
</style>
<rect width="100" height="100" class="st0" style="stroke-width:3; margin-top: 1em; margin-right: 1em; margin-bottom: 1em; margin-left: 1em;"/>
</svg>
@@@
<svg id="test" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<style>
<![CDATA[.st0{fill:red;padding:1em;background-image:url('data:image/svg,<svg width="16" height="16"/>')}@media screen and (max-width:200px){.st1{display:none}}]]>
</style>
<rect width="100" height="100" class="st0" style="stroke-width:3;margin:1em"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 890 B