@sdarovich

Как скачать в содержимое блока файл с сохранением стилей?

Пытаюсь сохранить часть страницы в файл, но при сохранение теряются все стили.
Сами стили подгружаются из стороннего файла, но также пробовал разместить в самом скачиваемом фрагменте через тег 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();
});
  • Вопрос задан
  • 57 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы