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

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

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

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

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

  1. При вставке текста из редактора MS Word по кнопке Вставить появляется вопрос:

    При ответе OK действия редактора будут теми же, что и при вставке текста по кнопке Вставить из Word. Работа в этом случае подробно описана ниже.

    Если на вопрос Хотите ли Вы очистить текст перед вставкой? ответить Отмена, то текст будет вставлен без удаления каких-либо элементов форматирования:

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

    <p style="LINE-HEIGHT: normal; MARGIN: 12pt 0cm 3pt; mso-outline-level: 2" class="MsoNormal">
    <b><i><span style="FONT-FAMILY: &quot;Arial&quot;,&quot;sans-serif&quot;; COLOR: black; FONT-SIZE: 18pt;
    mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: RU">
    Осень
    </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>

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

    Если копировать текст из редактора MS Word с помощью комбинации клавиш Ctrl+Insert или Ctrl+C, а вставлять при помощи Shift+Insert и Ctrl+V соответственно, то редактор будет реагировать как в случае вставки текста по кнопке .


    Если вставлять текст из браузера при помощи этой же кнопки Вставить, то он скопируется с сохранением форматирования без каких-либо предупреждений. Скопируем из браузера следующий фрагмент:

    Вставим его в содержание страницы с помощью кнопки . Внешне он будет таким же как и в браузере, откуда мы его копировали. Код этого фрагмента текста будет таким:
    <ul>
    <li><strong><font class="text">15% </font></strong><font class="text">-
    при покупке товаров на сумму больше чем на $500</font> </li>

    <li><strong><font class="text">20% </font></strong><font class="text">-
    при покупке товаров на сумму больше чем на $800</font> </li>

    <li><strong><font class="text">25% </font></strong><font class="text">-
    при покупке товаров на сумму больше чем на $1500</font> </li>

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

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

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

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

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

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

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

    То есть, при вставке текста по кнопке любое форматирование будет удалено, не зависимо от источника копирования.
Примечание: в любой момент (до сохранения изменений) вы можете отменить выполненные действия с помощью кнопки и заново повторить действие после отмены по кнопке .

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

Загрузить ролик. (3 минуты 1 секунда, 12.01 Мб.)



Загрузить ролик. (1 минута 51 секунда, 5.05 Мб.)

27


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