<title>Вставка элементов управления содержимым</title>
<metacharset="utf-8"/>
<metaname="description"content="Вставляйте элементы управления содержимым создать форму с полями ввода, которую могут заполнять другие пользователи, или защитить некоторые части документа от редактирования или удаления"/>
<p><ahref="https://www.onlyoffice.com/ru/document-editor.aspx"target="_blank"onclick="onhyperlinkclick(this)"><b>Редактор документов</b></a> ONLYOFFICE позволяет вставлять <b>классические</b> элементы управления содержимым, т.е. они <b>обратно совместимы</b>со сторонними текстовыми редакторами, такими как Microsoft Word.</p>
<p>В настоящее время можно добавить следующие типы элементов управления содержимым: <em>Обычный текст</em>, <em>Форматированный текст</em>, <em>Рисунок</em>, <em>Поле со списком</em>, <em>Выпадающий список</em>, <em>Дата</em>, <em>Флажок</em>.</p>
<ul>
<li><em>Обычный текст</em> - это объект, содержащий текст, который можно форматировать. Элементы управления содержимым "Обычный текст" могут содержать не более одного абзаца.</li>
<li><em>Форматированный текст</em> - это объект, содержащий текст, который можно форматировать. Элементы управления содержимым "Форматированный текст" могут содержать несколько абзацев, списки и объекты (изображения, фигуры, таблицы и так далее).</li>
<li><em>Рисунок</em> - это объект, содержащий отдельное изображение.</li>
<li><em>Поле со списком</em> - это объект, содержащий выпадающий список с рядом вариантов для выбора. Он позволяет выбрать из списка одно из предварительно заданных значений и при необходимости отредактировать выбранное значение.</li>
<li><em>Выпадающий список</em> - это объект, содержащий выпадающий список с рядом вариантов для выбора. Он позволяет выбрать из списка одно из предварительно заданных значений. выбранное значение нельзя отредактировать.</li>
<li><em>Дата</em> - это объект, содержащий календарь, из которого можно выбрать дату.</li>
<li><em>Флажок</em> - это объект, позволяющий отобразить два состояния: флажок выбран и флажок снят.</li>
</ul>
<h3>Добавление элементов управления содержимым</h3>
<h5>Создание нового элемента управления содержимым "Обычный текст"</h5>
<li>установите курсор в строке текста там, где требуется добавить элемент управления,<br/>или выделите фрагмент текста, который должен стать содержимым элемента управления.</li>
<li>перейдите на вкладку <b>Вставка</b> верхней панели инструментов.</li>
<p>Элемент управления будет вставлен в позиции курсора в строке существующего текста. Замените стандартный текст в элементе управления ("Введите ваш текст") на свой собственный: выделите стандартный текст и введите новый текст или скопируйте откуда-нибудь фрагмент текста и вставьте его в элемент управления содержимым. Элементы управления содержимым "Обычный текст" не позволяют добавлять разрывы строки и не могут содержать другие объекты, такие как изображения, таблицы и так далее.</p>
<li>установите курсор в конце абзаца, после которого требуется добавить элемент управления,<br/>или выделите один или несколько существующих абзацев, которые должны стать содержимым элемента управления.</li>
<li>перейдите на вкладку <b>Вставка</b> верхней панели инструментов.</li>
<p>Элемент управления содержимым "Форматированный текст" будет вставлен в новом абзаце. Замените стандартный текст в элементе управления ("Введите ваш текст") на свой собственный: выделите стандартный текст и введите новый текст или скопируйте откуда-нибудь фрагмент текста и вставьте его в элемент управления содержимым. Элементы управления содержимым "Форматированный текст" позволяют добавлять разрывы строки, то есть могут содержать несколько абзацев, а также какие-либо объекты, такие как изображения, таблицы, другие элементы управления содержимым и так далее.</p>
<li>нажмите на значок <divclass ="icon icon-image_settings_icon"></div> в кнопке, расположенной над границей элемента управления, - откроется стандартное окно выбора файла. Выберите изображение, сохраненное на компьютере, и нажмите кнопку <b>Открыть</b>.</li>
<p>Выбранное изображение будет отображено внутри элемента управления содержимым. Чтобы заменить изображение, нажмите на значок <spanclass ="icon icon-image_settings_icon"></span> в кнопке, расположенной над границей элемента управления и выберите другое изображение.</p>
<h5>Создание нового элемента управления содержимым "Поле со списком" или "Выпадающий список"</h5>
<p>Элементы управления содержимым <em>Поле со списком</em> и <em>Выпадающий список</em> содержат выпадающий список с рядом вариантов для выбора. Их можно создавать почти одним и тем же образом. Основное различие между ними заключается в том, что выбранное значение в выпадающем списке нельзя отредактировать, тогда как выбранное значение в поле со списком можно заменить на ваше собственное.</p>
<ol>
<li>установите курсор в строке текста там, где требуется добавить элемент управления.</li>
<li>перейдите на вкладку <b>Вставка</b> верхней панели инструментов.</li>
<li>выберите в меню опцию <b>Поле со списком</b> или <b>Выпадающий список</b> - элемент управления будет вставлен в позиции курсора.</li>
<li>щелкните по добавленному элементу управления правой кнопкой мыши и выберите в контекстном меню пункт <b>Параметры элемента управления содержимым</b>.</li>
<li>
в открывшемся окне <b>Параметры элемента управления содержимым</b> перейдите на вкладку <b>Поле со списком</b> или <b>Выпадающий список</b>, в зависимости от выбранного типа элемента управления содержимым.
<p><imgalt="Окно настроек элемента управления Поле со списком"src="../images/comboboxsettings.png"/></p>
</li>
<li>
для добавления нового пункта списка нажмите кнопку <b>Добавить</b> и заполните доступные поля в открывшемся окне:
<p><imgalt="Поле со списком - добавление значения"src="../images/comboboxaddvalue.png"/></p>
<ol>
<li>укажите нужный текст в поле <b>Отображаемое имя</b>, например, <em>Да</em>, <em>Нет</em>, <em>Другое</em>. Этот текст будет отображаться в элементе управления содержимым в документе.</li>
<li>по умолчанию текст в поле <b>Значение</b> соответствует введенному в поле <b>Отображаемое имя</b>. Если вы хотите отредактировать текст в поле <b>Значение</b>, обратите внимание на то, что веденное значение должно быть уникальным для каждого элемента. </li>
<li>нажмите кнопку <b>OK</b>.</li>
</ol>
</li>
<li>можно редактировать или удалять пункты списка, используя кнопки <b>Редактировать</b> или <b>Удалить</b> справа, или изменять порядок элементов с помощью кнопок <b>Вверх</b> и <b>Вниз</b>.</li>
<li>когда все нужные варианты выбора будут заданы, нажмите кнопку <b>OK</b>, чтобы сохранить изменения и закрыть окно.</li>
</ol>
<p><imgalt="Элемент управления содержимым Поле со списком"src="../images/comboboxcontentcontrol.png"/></p>
<p>Вы можете нажать на кнопку со стрелкой справа, чтобы открыть список значений и выбрать нужное. Когда нужный элемент будет выбран из <b>Поля со списком</b>, можно отредактировать значение, заменив его на свое собственное полностью или частично. В<b>Выпадающем списке</b> нельзя отредактировать выбранное значение.</p>
<p><imgalt="Элемент управления содержимым Поле со списком"src="../images/comboboxcontentcontrol2.png"/></p>
<h5>Создание нового элемента управления содержимым "Дата"</h5>
<ol>
<li>установите курсор в строке текста там, где требуется добавить элемент управления.</li>
<li>перейдите на вкладку <b>Вставка</b> верхней панели инструментов.</li>
<li>выберите в меню опцию <b>Дата</b> - элемент управления будет вставлен в позиции курсора.</li>
<li>щелкните по добавленному элементу управления правой кнопкой мыши и выберите в контекстном меню пункт <b>Параметры элемента управления содержимым</b>.</li>
<li>
в открывшемся окне <b>Параметры элемента управления содержимым</b> перейдите на вкладку <b>Формат даты</b>.
<p><imgalt="Окно настроек элемента управления Дата"src="../images/datesettings.png"/></p>
</li>
<li>выберите нужный <b>Язык</b> и нужный формат даты в списке <b>Отображать дату следующим образом</b>.</li>
<li>нажмите кнопку <b>OK</b>, чтобы сохранить изменения и закрыть окно.</li>
<p>Вы можете нажать на кнопку со стрелкой в правой части добавленного элемента управления содержимым <b>Дата</b>, чтобы открыть календарь и выбрать нужную дату.</p>
<p><imgalt="Элемент управления содержимым Дата"src="../images/datecontentcontrol2.png"/></p>
<h5>Создание нового элемента управления содержимым "Флажок"</h5>
<ol>
<li>установите курсор в строке текста там, где требуется добавить элемент управления.</li>
<li>перейдите на вкладку <b>Вставка</b> верхней панели инструментов.</li>
<li>выберите в меню опцию <b>Флажок</b> - элемент управления будет вставлен в позиции курсора.</li>
<li>щелкните по добавленному элементу управления правой кнопкой мыши и выберите в контекстном меню пункт <b>Параметры элемента управления содержимым</b>.</li>
<li>
в открывшемся окне <b>Параметры элемента управления содержимым</b> перейдите на вкладку <b>Флажок</b>.
<p><imgalt="Окно настроек элемента управления Флажок"src="../images/checkboxsettings.png"/></p>
</li>
<li>нажмите на кнопку <b>Символ установленного флажка</b>, чтобы задать нужный символ для выбранного флажка, или <b>Символ снятого флажка</b>, чтобы выбрать, как должен выглядеть снятый флажок. Откроется окно <b>Символ</b>. Для получения дополнительной информации о работе с символами вы можете обратиться к <ahref="../UsageInstructions/InsertSymbols.htm"onclick="onhyperlinkclick(this)">этой статье</a>.</li>
<li>когда символы будут заданы, нажмите кнопку <b>OK</b>, чтобы сохранить изменения и закрыть окно.</li>
</ol>
<p>Добавленный флажок отображается в режиме снятого флажка.</p>
<pclass="note"><b>Примечание</b>: Граница элемента управления содержимым видна только при выделении элемента управления. Границы не отображаются в печатной версии.</p>
<h3>Перемещение элементов управления содержимым</h3>
<p>Элементы управления можно <b>перемещать</b> на другое место в документе: нажмите на кнопку слева от границы элемента управления, чтобы выделить элемент управления, и перетащите его, не отпуская кнопку мыши, на другое место в тексте документа.</p>
<p><imgalt="Перемещение элементов управления"src="../images/movecontentcontrol.png"/></p>
<p>Элементы управления содержимым можно также <b>копировать и вставлять</b>: выделите нужный элемент управления и используйте сочетания клавиш <b>Ctrl+C/Ctrl+V</b>.</p>
<h3>Редактирование содержимого элементов управления "Обычный текст" и "Форматированный текст"</h3>
<p>Текст внутри элемента управления содержимым "Обычный текст" и "Форматированный текст" можно отформатировать с помощью значков на верхней панели инструментов: вы можете изменить <ahref="../UsageInstructions/FontTypeSizeColor.htm"onclick="onhyperlinkclick(this)">тип, размер, цвет шрифта</a>, применить <ahref="../UsageInstructions/DecorationStyles.htm"onclick="onhyperlinkclick(this)">стили оформления</a> и <ahref="../UsageInstructions/FormattingPresets.htm"onclick="onhyperlinkclick(this)">предустановленные стили форматирования</a>. Для изменения свойств текста можно также использовать окно <b>Абзац - Дополнительные параметры</b>, доступное из контекстного меню или с правой боковой панели. Текст в элементах управления "Форматированный текст" можно форматировать, как обычный текст документа, то есть вы можете задать <ahref="../UsageInstructions/LineSpacing.htm"onclick="onhyperlinkclick(this)">междустрочный интервал</a>, изменить <ahref="../UsageInstructions/ParagraphIndents.htm"onclick="onhyperlinkclick(this)">отступы абзаца</a>, настроить <ahref="../UsageInstructions/SetTabStops.htm"onclick="onhyperlinkclick(this)">позиции табуляции</a>.</p>
<p>Независимо от того, какой тип элемента управления содержимым выбран, вы можете изменить настройки элемента управления в разделах <b>Общие</b> и <b>Блокировка</b> окна <b>Параметры элемента управления содержимым</b>.</p>
<li>Выделите нужный элемент управления содержимым, нажмите на стрелку рядом со значком <divclass ="icon icon-insertccicon"></div><b>Элементы управления содержимым</b> на верхней панели инструментов и выберите в меню опцию <b>Параметры элемента управления</b>.</li>
<li>Щелкните правой кнопкой мыши по элементу управления содержимым и используйте команду контекстного меню <b>Параметры элемента управления содержимым</b>.</li>
<li>Укажите <b>Заголовок</b>, <b>Заполнитель</b> или <b>Тег</b> элемента управления содержимым в соответствующих полях. Заголовок будет отображаться при выделении элемента управления в документе. Заполнитель - это основной текст, отображаемый внутри элемента управления содержимым. Теги используются для идентификации элементов управления, чтобы можно было ссылаться на них в коде. </li>
<li>Выберите, требуется ли отображать элемент управления <b>C ограничивающей рамкой</b> или <b>Без рамки</b>. В том случае, если вы выбрали вариант <b>C ограничивающей рамкой</b>, можно выбрать <b>Цвет</b> рамки в расположенном ниже поле. Нажмите кнопку <b>Применить ко всем</b>, чтобы применить указанные настройки из раздела <b>Вид</b> ко всем элементам управления в документе.</li>
<p>Для определенных типов элементов управления содержимым также доступна третья вкладка, которая содержит настройки, специфичные только для выбранного типа элементов управления: <em>Поле со списком</em>, <em>Выпадающий список</em>, <em>Дата</em>, <em>Флажок</em>. Эти настройки описаны выше в разделах о добавлении соответствующих элементов управления содержимым.</p>
<li>Нажмите на стрелку рядом со значком <divclass ="icon icon-insertccicon"></div><b>Элементы управления содержимым</b> на верхней панели инструментов,</li>
<li>Выберите в меню опцию <b>Параметры выделения</b>,</li>
<li>Выберите нужный цвет на одной из доступных палитр: <b>Цвета темы</b>, <b>Стандартные цвета</b> или задайте <b>Пользовательский цвет</b>. Чтобы убрать ранее примененное выделение цветом, используйте опцию <b>Без выделения</b>.</li>
</ol>
<p>Выбранные параметры выделения будут применены ко всем элементам управления в документе. </p>
<p>Чтобы удалить элемент управления и оставить все его содержимое, щелкните по элементу управления содержимым, чтобы выделить его, затем действуйте одним из следующих способов:</p>
<li>Нажмите на стрелку рядом со значком <divclass ="icon icon-insertccicon"></div><b>Элементы управления содержимым</b> на верхней панели инструментов и выберите в меню опцию <b>Удалить элемент управления содержимым</b>.</li>
<li>Щелкните правой кнопкой мыши по элементу управления содержимым и используйте команду контекстного меню <b>Удалить элемент управления содержимым</b>.</li>
</ul>
<p>Чтобы удалить элемент управления и все его содержимое, выделите нужный элемент управления и нажмите клавишу <b>Delete</b> на клавиатуре.</p>