Просмотров: 6524 (Статистика ведётся с 06.02.2017)
Дата последнего изменения: 12.09.2015

Для копирования и вставки текста служат следующие кнопки:

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

Рассмотрим разницу между возможными режимами вставки текста, скопировав текст из редактора MS Word в визуальный редактор разными способами. Пусть мы хотим скопировать из MS Word следующий текст:

Скопируем этот фрагмент в буфер и вставим его в содержание страницы тремя разными способами:

  1. При вставке текста из редактора MS Word с помощью комбинации клавиш Ctrl+Insert или Ctrl+C, то текст будет вставлен без удаления каких-либо элементов форматирования:

    В этом случае код будет таким:

    Осень 
    </span></i></b><b>
    <span style="FONT-FAMILY: &quot;Times New Roman&quot;,&quot;serif&quot;; FONT-SIZE: 18pt;
    mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: RU">
    <p></p>
    </span></b></p>

    <p style="LINE-HEIGHT: normal; TEXT-INDENT: 35.4pt; MARGIN: 0cm 0cm 0pt" class="MsoNormal">
    <span style="FONT-FAMILY: &quot;Arial&quot;,&quot;sans-serif&quot;; FONT-SIZE: 9pt;
    mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: RU">
    Еще очень тепло, но наступление осени ощущается в каждом дуновении ветерка.
    Деревья сбрасывают обожженную за лето листву. Кажется, что стволы темнеют,
    они устали и хотят спать. Неугомонные мелкие паучки с невероятной скоростью плетут паутины,
    и ты, не видя, срываешь их ловушки&hellip;
    </span><span style="FONT-FAMILY: &quot;Times New Roman&quot;,&quot;serif&quot;; FONT-SIZE: 12pt;
    mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: RU"> </span>
    <span style="FONT-FAMILY: &quot;Arial&quot;,&quot;sans-serif&quot;; FONT-SIZE: 12pt;
    mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: RU">
    <p></p>
    </span></p>

    <p></p>

    Как видим, при таком варианте вставки многое в коде является лишним. Это приводит к передаче лишней, незначимой информации, что в свою очередь увеличивает время ее загрузки.

    Если вставлять текст из браузера при помощи этой же комбинации клавиш, то код этого фрагмента текста будет содержать стандартные HTML-теги без дополнительного форматирования.

    Данный инструмент подходит для быстрой вставки заранее отформатированного для web текста.


  2. По нажатии на кнопку Paste from word Вставить из Word появляется диалоговое окно для установки уровней очистки текста от тегов редактора MS Word. Отметим, что пустые теги (<span></span>, <p></p>), незначащие стили, все размеры шрифта и некоторое другое форматирование будет удалено автоматически. Это позволяет сократить размер страницы и увеличить скорость ее загрузки, при этом сохранив основное оформление текста.

    В данном диалоге, работая с опциями, можно управлять уровнями очистки кода копируемого фрагмента: удалять или сохранять определения шрифтов, стилей, отступы.

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

    После нажатия кнопки Сохранить текст в визуальном редакторе будет выглядеть так:


  3. Если вставлять "как текст", т.е. по кнопке Paste from text Вставить как текст, то удаляется вообще какое-либо форматирование. Как видим, осталось только выделение абзацев:

    Вставить как текст

    Код в этом случае будет таким:

    Осень 
    <br />
    Еще очень тепло, но наступление осени ощущается в каждом дуновении ветерка.
    Деревья сбрасывают обожженную за лето листву.
    Кажется, что стволы темнеют, они устали и хотят спать.
    Неугомонные мелкие паучки с невероятной скоростью плетут паутины,
    и ты, не видя, срываешь их ловушки&hellip;
    <br />

    То есть, при вставке текста по кнопке  любое форматирование будет удалено, не зависимо от источника копирования.

Примечание: в любой момент (до сохранения изменений) вы можете отменить выполненные действия с помощью кнопки undo и заново повторить действие после отмены по кнопке redo. Аналогичный эффект имеют сочетания горячих клавиш ctrl+z и ctrl+y.
При внесении изменений в режиме редактирования html-кода данные возможности могут оказаться заблокированы!


2


Курсы разработаны в компании «1С-Битрикс»