-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathhelp.html
49 lines (45 loc) · 5.2 KB
/
help.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<?xml version="1.0" encoding="utf-8"?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Справка по «Реформатору»</title>
<style type="text/css">
body {background: white; color: black; margin: 0; padding: 1em; line-height: 1.3;}
h1 {font-weight: normal; font-size: 190%; margin: 0 -4px; border-bottom: 2px solid #f60; padding: 4px;}
h2 {font-weight: normal; font-size: 150%; margin: 0 0 -0.4em; padding: 0.4em 0 0;}
p, ul {margin-top: 1em; margin-bottom: 1em; padding-top: 0; padding-bottom: 0;}
ul {list-style-type: none;}
li {margin-top: 0.5em; margin-bottom: 0.5em; padding-top: 0; padding-bottom: 0;}
li:before {content: '\2014\a0'; float: left; margin-left: -1.25em;}
.before_list {margin-bottom: -0.5em;}
.incut {margin: 0 0 1em; border: 1px solid #f60; padding: 1px 1em; color: #333; font-size: 90%;}
em {color: #c60}
hr {border: none; border-top: 2px solid #ccc; margin: 2em -4px 1em;}
</style>
</head>
<body>
<h1>Справка по «Реформатору»</h1>
<p>Основные стили оформления заданы в блоке на панели управления «Реформатором» (в правой части окна браузера). Панель можно скрыть, нажав на полосу с оранжевой надписью «Реформатор».</p>
<h2>Работа с блоком оформления</h2>
<p class="before_list">Работа элементов блока оформления зависит от типа выделения контента в рабочей области:</p>
<ul>
<li><strong>при текстовом выделении</strong> элементы из блока оформления добавляются к соответствующему фрагменту контента;</li>
<li><strong>при мигающем курсоре</strong> в блоке оформления показываются все родительские элементы соответствующей области (повторное нажатие на родительский элемент в блоке оформления удаляет его, а прочие элементы добавляет или производит замену одного другим).</li>
</ul>
<h2>Другие операции</h2>
<p><strong>Вставка изображений</strong> производится копированием через буфер обмена или операцией перетаскивания (drag-n-drop). Файл изображения должен быть предварительно загружен на сайт.</p>
<p><strong>Отменить или вернуть форматировани</strong>е можно воспользовавшись клавиатурными сочетаниями <tt>CTRL+Z</tt> и <tt>CTRL+Y</tt> соответственно.</p>
<p><strong>Операции по работе с ячейками таблицы</strong> осуществляются относительно той ячейки, в которой находится выделение (текстовое или мигающий курсор).</p>
<p><strong>Кнопка «Очистить HTML»</strong> очищает код от ненужных тегов и атрибутов, а также значений атрибута class, не имеющих представления в блоке оформления. Эта функция <em>автоматически</em> срабатывает после вставки контента из буфера (<tt>CTRL+V</tt>).</p>
<p><strong>Кнопка «Типографить»</strong> расставляет символы экранной типографики согласно правилам автоматически определенного языка.</p>
<div class="incut">
<p>Если «Реформатор» подключен как модуль CMS, то при отправке формы происходит <em>автоматическое</em> типографирование и очистка HTML.</p>
</div>
<h2>Управление «Реформатором»</h2>
<p><strong>Переключатель «Полный экран</strong>» переводит «Реформатор» в полноэкранный режим — окно с контентом разворачивается на всю область браузера.</p>
<p><strong>Переключатель «Исходный HTML»</strong> позволяет просмотреть или отредактировать HTML-код.</p>
<p><strong>Переключатель «Автоформатирование»</strong> включает или отключает <em>автоматическое</em> типографирование и очистку HTML.</p>
<hr/>
<p>© 2011 <a href="http://www.artlebedev.ru/">Студия Артемия Лебедева</a> | «<a href="http://www.artlebedev.ru/tools/reformator/">Реформатор</a>»</p>
</body>
</html>