.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';.ql-snow .ql-tooltip a.ql-action2::after{border-right:1px solid #ccc;content:"Cancel";}
Existe algum site online que converte HTML, ou CSS em string, para jogar tudo dentro de uma variável? Por exemplo:
Coloco no form isso:
body {
margin:0;
padding: 0;
}
Ele me retornaria algo como isso, fazendo toda tratativa de escape:
var css = 'body{margin:0;padding:0}';
Se fosse em PHP, eu faria assim:
$var = <<<END
.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';.ql-snow .ql-tooltip a.ql-action2::after{border-right:1px solid #ccc;content:"Cancel";}
END;
Preciso fazer isso para gerar um PDF:
var valor1 = 'aqui viria o css minificado com as aspas escapada';
var valor2 = 'mais CSS aqui...';
$('.main').prepend('<style type="text/css">' + [
valor1,
valor2
].join('') + '</style>');
OBS: Minha pergunta está clara, o problema é que as pessoas não entenderam, e por isso estou tendo que que acrescentar mais informação, para esclarecer para aqueles que não conseguem compreender o que está óbvio:
1 - Não estou procurando uma solução para minificar o CSS
2 - Estou procurando uma solução para jogar o CSS minificado dentro de uma variável com uma string dentro de aspas.
3 - Não quero fazer a string manualmente (ou seja, não quero digitá-la), quero gerar uma string no formato de string e não do seu valor.