Как загрузить список дел на свое устройство

Question

поэтому я составил список дел с Vue. js https://justintownsend.github.io/todo.html В любом случае, скажем, если бы я был пользователем, и я составил свой список дел, и я хотел сохранить (загрузить) список на мое устройство. Я пробовал использовать "Сохранить". Но не работает. Если кто-нибудь может мне с этим помочь, я буду очень признателен!

Answer 1

Это простое решение, использующее jsPDF HTML5 клиент и jQuery, оно захватывает текущую страницу и генерирует файл pdf, который автоматически загружается в систему пользователя.

var doc = new jsPDF();
var specialElementHandlers = {
    '#editor': function (element, renderer) {
        return true;
    }
};

$('#cmd').click(function () {
    doc.fromHTML($('#content').html(), 15, 15, {
        'width': 170,
            'elementHandlers': specialElementHandlers
    });
    doc.save('my-todos.pdf');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.2.61/jspdf.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!-- Test content-->
<h1> My TODO List</h1>

<button id="cmd">generate PDF</button>