{"draftJsState":{"blocks":[{"data":{"image":{"id":"5ebf14dcd54088764522d550"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"atomic:image","key":"7ljeq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Экспортировать HTML-страницу как документ Microsoft Word можно различными способами. Существуют PHP-библиотеки, плагины jQuery. Но когда HTML-файл прост без какой-либо сложной разметки, тогда можно экспортировать HTML-содержимое в формат .doc без особых усилий. Мне даже не нужны сторонние библиотеки. Если вы хотите преобразовать HTML в документ Word, без плагинов или библиотек простым JavaScript-кодом, тогда читайте эту статью.","type":"unstyled","key":"8h53j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для экспорта HTML нам потребуется немного простого кода JavaScript, где к исходному HTML добавляется содержимое переменных header и footer. Переменные содержат обычную HTML-разметку и пространства имен XML, необходимые для документа в формате .doc. Так же JS-скрипт динамически создаст ссылку для загрузки документа с названием файла.","type":"unstyled","key":"c5jjl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"HTML-код","type":"header-two","key":"c4bj2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"На целевой странице будет отображаться просто отформатированный контент HTML с кнопкой управления экспортом. При нажатии этой кнопки будет вызвана JavaScript-функция exportHTML(). Часть HTML, которая будет экспортирована в документ Word, будет идентифицирована с помощью селектора id. В данном случае содержимое элемента div с id=\"source-html«.","type":"unstyled","key":"8a5b1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":1,"style":"BOLD"}],"text":"

","type":"unstyled","key":"6bud4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":2,"offset":1,"style":"BOLD"},{"length":2,"offset":29,"style":"BOLD"}],"text":"

Искусственный интеллект

","type":"unstyled","key":"12dnj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":2,"offset":1,"style":"BOLD"},{"length":2,"offset":11,"style":"BOLD"}],"text":"

Обзор

","type":"unstyled","key":"dgmkb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":1,"style":"BOLD"},{"length":1,"offset":115,"style":"BOLD"},{"length":1,"offset":118,"style":"BOLD"},{"length":1,"offset":136,"style":"BOLD"},{"length":1,"offset":141,"style":"BOLD"},{"length":1,"offset":158,"style":"BOLD"},{"length":1,"offset":164,"style":"BOLD"},{"length":1,"offset":187,"style":"BOLD"},{"length":1,"offset":191,"style":"BOLD"},{"length":1,"offset":291,"style":"BOLD"}],"text":"

Искусственный интеллект (ИИ) - это новая технология демонстрирующая машинный интеллект. Технологии, такие как Нейронные Сети, Робототехникаили Машинное обучение части ИИ. Ожидается, что эта технология станет основной частью реального мира на всех уровнях.

","type":"unstyled","key":"fevnn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":2,"style":"BOLD"},{"length":3,"offset":7,"style":"BOLD"}],"text":"

","type":"unstyled","key":"7sggo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":1,"style":"BOLD"},{"length":6,"offset":66,"style":"BOLD"}],"text":"","type":"unstyled","key":"2e2f0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":2,"style":"BOLD"}],"text":"

","type":"unstyled","key":"hfsh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":46,"offset":0,"style":"BOLD"}],"text":"Функция JavaScript для конвертации HTML в Word","type":"header-two","key":"3uh7r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Перейдем непосредственно к самой функции JavaScript. Функция создает переменную header, содержащую XML-код, необходимый для формата .doc и HTML-разметку. В переменной footer содержатся закрывающие HTML-теги документа. Далее скрипт получает HTML-код содержащийся в контейнере div с id=\"source-html\" и добавляет к нему содержимое переменных header и footer. В заключительном этапе динамически формируется ссылка на загрузку документа Word с указанным названием.","type":"unstyled","key":"e1ssd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"97bdi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"0hPfCvPvueXQpV3JUxHV"}],"entityMap":{}},"mentions":[]}