Html to word: Convert HTML to DOC (WORD) / URL to DOC (WORD) (Online & Free) — Convertio

alexxlab / / Разное

javascript — Как сохранить часть html в word в альбомной ориентации?

Вопрос задан

Изменён 2 года назад

Просмотрен 149 раз

Я сохраняю таблицу в word и она по умолчанию сохраняется в портретной ориентации, как сохранять ее в альбомной? Вот код сохранения:

function exportHTML() {
  var header = "<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 charset='utf-8'><title>Export HTML to Word Document with JavaScript</title></head><body>"
  var footer = "</body></html>"
  var sourceHTML = header + document.getElementById("source-html"). innerHTML + footer
  var source = 'data:application/vnd.ms-word;charset=utf-8,' + encodeURIComponent(sourceHTML)
  var fileDownload = document.createElement("a")
  document.body.appendChild(fileDownload)
  fileDownload.href = source
  fileDownload.download = 'Цифровой отчет.doc'
  fileDownload.click()
  document.body.removeChild(fileDownload)
}

  • javascript
  • html
  • css
  • ms-word

Класс секции должен быть оформлен строго как хочет Word. То есть Ваш вариант не совсем верный. Правильно будет обернуть вот так (без кавычек, но можете проверить и с ними):

<div class=Section2>...</div>

Потом Вы не подгружаете стили в документ. У Вас они есть в head в Вашем генераторе, но они не попадают в документ. Простым вариантом будет просто дописать их в вашу переменную header:

var header = "<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 charset='utf-8'><title>Export HTML to Word Document with JavaScript</title>" + `<style>
    @page Section2 {
        size: 841.7pt 595.45pt;
        mso-page-orientation: landscape;
        margin: 1.25in 1.0in 1.25in 1.0in;
        mso-header-margin: .5in;
        mso-footer-margin: .5in;
        mso-paper-source: 0;
    }
    div.Section2 {
        page: Section2;
    }
</style>` + "</head><body>"

После этих исправлений документ отобразился нормально: (Исправленный codepen: https://codepen.io/erriourru/pen/VwmXbKO)

1

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

word-break ⚡️ HTML и CSS с примерами кода

Свойство

word-break указывает, как делать перенос строк внутри слов, которые не помещаются по ширине в заданную область.

Текст
  • hanging-punctuation
  • hyphens
  • letter-spacing
  • line-break
  • overflow-wrap
  • paint-order
  • tab-size
  • text-align
  • text-align-last
  • text-indent
  • text-justify
  • text-size-adjust
  • text-transform
  • white-space
  • word-break
  • word-spacing
  • letter-spacing
  • text-decoration
  • text-decoration-color
  • text-decoration-line
  • text-decoration-style
  • text-decoration-thickness
  • text-decoration-skip
  • text-decoration-skip-ink
  • text-emphasis
  • text-emphasis-color
  • text-emphasis-position
  • text-emphasis-style
  • text-indent
  • text-rendering
  • text-shadow
  • text-underline-position
  • text-transform
  • white-space
  • word-spacing

Синтаксис

word-break: normal;
word-break: break-all;
word-break: keep-all;
/* Global values */
word-break: inherit;
word-break: initial;
word-break: unset;

Значения

normal
Используются правила переноса строк по умолчанию. Как правило, в этом случае строки не переносятся или переносятся в тех местах, где явно задан перенос (например, с помощью <br>).
break-all
Перенос строк добавляется автоматически, чтобы слово поместилось в заданную ширину блока. Значение не работает для текста на китайском, корейском или японском языке.
keep-all
Не разрешает перенос строк в словах на китайском, корейском или японском языке. Для остальных языков действует как
normal.

Значение по-умолчанию: normal

Применяется ко всем элементам

Спецификации

  • CSS Text Level 3

Поддержка браузерами

Can I Use word-break? Data on support for the word-break feature across the major browsers from caniuse.com.

Описание и примеры

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>word-break</title>
    <style>
      . col {
        background: #f0f0f0; /* Цвет фона */
        width: 180px; /* Ширина блока */
        padding: 10px; /* Поля */
        word-break: break-all; /* Перенос слов */
      }
    </style>
  </head>
  <body>
    <div>
      <p>Cуществительное</p>
      <p>высокопревосходительство</p>
      <p>Одушевленное существительное</p>
      <p>одиннадцатиклассница</p>
      <p>Химическое вещество</p>
      <p>метоксихлордиэтиламинометилбутиламиноакридин</p>
    </div>
  </body>
</html>

Сохранить документ как веб-страницу

Примечание: Эта статья выполнила свою работу и скоро будет удалена. Чтобы предотвратить проблемы «Страница не найдена», мы удаляем известные нам ссылки. Если вы создали ссылки на эту страницу, удалите их, и вместе мы будем поддерживать связь с Интернетом.

Если вам нужно сохранить документ Word как веб-страницу, лучше всего использовать параметр Веб-страница, отфильтровано .

Когда вы сохраняете документ как отфильтрованную веб-страницу, Word сохраняет только содержимое, инструкции по стилю и некоторую другую информацию. Файл небольшой, без большого количества лишнего кода.

  1. Щелкните Файл > Сохранить как и выберите место, где вы хотите сохранить документ.

  2. Назовите свой файл.

  3. В списке Сохранить как тип выберите Web Page, Filtered .

  1. org/ListItem»>

    Нажмите Изменить заголовок и введите заголовок, который вы хотите отобразить в строке заголовка веб-браузера.

  2. Нажмите Сохранить .

Наконечники

Чтобы сохранить свойства документа и дополнительную информацию Word вместе с веб-страницей, выберите тип веб-страницы с одним файлом. Но ваш файл будет больше — почти в 10 раз больше.

Чтобы изображения сохранялись в отдельной папке от текстовой части веб-страницы, выберите тип веб-страницы. Когда вы публикуете веб-страницу на веб-сайте, также публикуйте папку с изображениями.

Чтобы просмотреть HTML-код веб-страницы, перейдите к файлу в проводнике Windows, щелкните файл правой кнопкой мыши, выберите Открыть с помощью и щелкните Internet Explorer .

Затем щелкните правой кнопкой мыши страницу в Internet Explorer и выберите View Source .

Другие способы поделиться документом в Интернете

Word изначально был разработан для создания и печати документов. В Word 2013 теперь есть другие возможности для обмена мыслями и работой в Интернете.

Сохранить документ как сообщение в блоге

Если вы ведете блог и хотите написать сообщение в Word, вы можете сохранить документ как сообщение в блоге. Word хранит наименьшее количество информации вместе с вашим содержимым. И опубликованный документ использует стили блога.

  1. Щелкните Файл > Поделиться > Опубликовать как сообщение в блоге .

  2. org/ListItem»>

    Нажмите Опубликовать как сообщение в блоге .

При первой публикации документа в блоге Word поможет вам зарегистрировать учетную запись блога.

Сохранить в OneDrive и поделиться

Поделитесь своим документом с друзьями и коллегами, сохранив его в OneDrive и пригласив их для просмотра.

  1. Щелкните Файл > Сохранить как > OneDrive .

  2. Выберите место в папках OneDrive.

  3. org/ListItem»>

    Введите имя файла и нажмите Сохранить .

Затем пригласите других для просмотра вашего документа. Если у людей нет Word, документ автоматически открывается в Word для Интернета.

  1. Щелкните Файл > Поделиться > Пригласить людей .

  1. Добавьте их адреса электронной почты.

  2. Щелкните Поделиться .

Дополнительные сведения см. в статье Общий доступ к документу с помощью SharePoint или OneDrive.

Сохранить как PDF

Чтобы преобразовать документ в PDF-файл, который можно опубликовать на веб-сайте, нажмите Файл > Сохранить как . В списке Сохранить как тип щелкните PDF .

Онлайн-конвертер HTML в DOC (Word)

Вертопал — Бесплатный онлайн конвертер

Перетащите файлы в любое место для загрузки

  • Дом
  • Документ
  • Конвертер HTML в DOC

Преобразование документов HTML в формат DOC онлайн и бесплатно.

Преобразовать HTML к DOC

Загрузка загрузчика…

если вы загрузили файл, он будет отображаться.

Подтвердить Отменить

Теги:

Microsoft-офис слово

Как преобразовать

HTML в DOC ?

1Загрузить

HTML Файл

Начните загрузку документа HTML , нажав кнопку «Выбрать файл» или перетащив файл HTML.

2Select

HTML Инструменты

Используйте любые доступные инструменты HTML в DOC на странице предварительного просмотра и нажмите Преобразовать.

3Загрузите файл

DOC

Подождите несколько секунд, пока конвертер завершит свою работу, затем загрузите файл DOC .

Часто задаваемые вопросы

Как изменить формат HTML на DOC?

Чтобы изменить формат HTML на DOC, загрузите файл HTML, чтобы перейти на страницу предварительного просмотра. Используйте любые доступные инструменты, если вы хотите редактировать и манипулировать файлом HTML. Нажмите на кнопку преобразования и дождитесь завершения преобразования. После этого загрузите преобразованный файл DOC.

Конвертировать файлы на рабочем столе

MacOS

Windows

Linux

Конвертировать

HTML в DOC на MACOS

999999

9

992999999999999999999999999999999 DOC . Выполните следующие шаги, если вы установили Vertopal CLI в своей системе macOS.

  1. Откройте терминал macOS.
  2. Либо cd по HTML местоположение файла или укажите путь к входному файлу.
  3. Вставьте и выполните приведенную ниже команду, заменив свое имя или путь HTML_INPUT_FILE. $ конвертировать HTML_INPUT_FILE —в документ

Преобразование

HTML по DOC в Windows

Следуйте приведенным ниже инструкциям, если вы установили Vertopal CLI в своей системе Windows.

  1. Откройте командную строку или Windows PowerShell.
  2. Либо cd по HTML местоположение файла или укажите путь к входному файлу.
  3. Вставьте и выполните приведенную ниже команду, заменив свое имя или путь HTML_INPUT_FILE. $ конвертировать HTML_INPUT_FILE —в документ

Преобразование

HTML в DOC в Linux

Выполните следующие шаги, если вы установили Vertopal CLI в своей системе Linux.

No related posts.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *