Пытаюсь сохранить часть страницы в файл, но при сохранение теряются все стили.
Сами стили подгружаются из стороннего файла, но также пробовал разместить в самом скачиваемом фрагменте через тег
style — эффект тот же.
Единственный вариант при котором в вордовском файле всё отображается корректно это прописывание всех стилей инлайново для каждого тега, но это совсем не вариант.
Для сохранения использовал следующий код:
$(document).on('click','.load',function(e){
var sourceHTML = `
<html xmlns:o="urn:schemas-microsoft-com:office:office
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Export</title>
</head>
<body>`+
$('#added').html()+`
</body>
</html>`;
var source = 'data:application/vnd.ms-word;charset=utf-8,' + encodeURIComponent(sourceHTML);
$('<a>').attr({
'href': source,
'download': 'filename.doc',
'id':'loader' }).prependTo('body');
$('#loader')[0].click();
$('#loader')[0].remove();
});
