Edit History

Docs RU

Version 29 (Troex Nevelin, 22.03.2010 09:54)

1 23 Troex Nevelin 
{{>toc}}
2 23 Troex Nevelin 






    3
    1
    
    
h1. Документация






    4
    1
    
    






    5
    29
    Troex Nevelin
    
h2. Подключение






    6
    1
    
    






    7
    1
    
    
<pre><code class="html">






    8
    1
    
    
<link rel="stylesheet" href="css/ui-themes/base/ui.all.css" type="text/css" media="screen" charset="utf-8">






    9
    25
    Troex Nevelin
    
<link rel="stylesheet" href="css/elrte.full.css" type="text/css" media="screen" charset="utf-8">






    10
    25
    Troex Nevelin
    






    11
    25
    Troex Nevelin
    
<script src="js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>






    12
    25
    Troex Nevelin
    
<script src="js/jquery-ui-1.7.2.custom.min.js" type="text/javascript" charset="utf-8"></script>






    13
    25
    Troex Nevelin
    
<script src="js/elrte.min.js" type="text/javascript" charset="utf-8"></script>






    14
    27
    Troex Nevelin
    
<script src="js/i18n/elrte.ru.js" type="text/javascript" charset="utf-8"></script>






    15
    14
    Troex Nevelin
    
</code></pre>






    16
    6
    Troex Nevelin
    






    17
    26
    Troex Nevelin
    
Если вы не используете в своем проекте полную библиотеку jQuery UI, то можно собрать _custom_ версию jQuery UI, включающую только компоненты *dialog* и *tabs*.






    18
    16
    Troex Nevelin
    
<pre><code class="html">






    19
    1
    
    
<script type="text/javascript" charset="utf-8">






    20
    1
    
    
	$().ready(function() {






    21
    1
    
    
		var opts = {






    22
    1
    
    
			lang : 'ru',






    23
    1
    
    
			styleWithCss : false,






    24
    1
    
    
			height  : 400,






    25
    1
    
    
			toolbar : 'maxi',






    26
    1
    
    
			fmAllow  : true,






    27
    1
    
    
			fmOpen   : function(callback) {






    28
    1
    
    
				$('<div />').elfinder({






    29
    1
    
    
					url : 'connector/connector.php',






    30
    1
    
    
					lang : 'en',






    31
    1
    
    
					dialog : { width : 900, modal : true },






    32
    1
    
    
					editorCallback : callback






    33
    1
    
    
				})






    34
    1
    
    
			}






    35
    1
    
    
		};






    36
    1
    
    
		// создаем редактор






    37
    1
    
    
		$('#our-element').elrte(opts);






    38
    1
    
    






    39
    1
    
    
		// или так






    40
    25
    Troex Nevelin
    
		// var editor = new elRTE(document.getElementById('our-element'), opts);






    41
    1
    
    
	});






    42
    1
    
    
<script>






    43
    15
    Troex Nevelin
    
</code></pre>






    44
    1
    
    






    45
    26
    Troex Nevelin
    
#our-element - id элемента, на котором будет создан редактор, может быть textarea или любым HTML элементом, содержащем текст (будет заменен на textarea перед отправкой формы)






    46
    1
    
    






    47
    26
    Troex Nevelin
    
h2. Опции






    48
    3
    Troex Nevelin
    






    49
    20
    Troex Nevelin
    
|_.Параметр|_.Тип|_.Описание|






    50
    20
    Troex Nevelin
    
|doctype|String|DocType окна редактора (iframe). По умолчанию - *HTML 4.01 Transitional*|






    51
    26
    Troex Nevelin
    
|cssClass|String|CSS Класс для редактора|






    52
    21
    Troex Nevelin
    
|cssfiles|Array|Массив css файлов, подключаемых в окно редактора (iframe)|






    53
    1
    
    
|absoluteURLs|Boolean|Приводить адреса ссылок и изображений к абсолютным|






    54
    21
    Troex Nevelin
    
|allowSource|Boolean|Разрешает редактирование HTML|






    55
    21
    Troex Nevelin
    
|lang|String|Язык интерфейса (требует подключения языковых файлов), если не задан от английский|






    56
    21
    Troex Nevelin
    
|styleWithCss|Boolean|Если true - текст будет оформляться тегами span с аттрибутом style, в противном случае - семантическими тегами strong, em и тд|






    57
    21
    Troex Nevelin
    
|height|Number|Высота окна редактора в пикселях|






    58
    21
    Troex Nevelin
    
|fmAllow|Boolean|Разрешить использование файлового менеджера|






    59
    28
    Troex Nevelin
    
|fmOpen|Function(callback)|Функция, которая будет вызвана, чтобы открыть файловый менеджер. Аргумент _callback_ - функция, которую редактор передает файловому менеджеру при открытии. Файловый менеджер должен вызвать эту функцию, передав ей url выбранного файла|






    60
    22
    Troex Nevelin
    
|toolbar|String|Имя используемого тулбара (панели инструментов)|






    61
    22
    Troex Nevelin
    






    62
    24
    Troex Nevelin
    
h3. Тулбар (панель инструментов)






    63
    22
    Troex Nevelin
    






    64
    28
    Troex Nevelin
    
Определены следующие тулбары:






    65
    22
    Troex Nevelin
    
* *tiny*: только кнопки изменения стиля текста (жирный, наклонный, подчеркнутый, перечеркнутый, subscript, superscript)






    66
    29
    Troex Nevelin
    
* *compact*: тоже, что и _tiny_ + сохранить, отмена/повтор, выравнивание, списки, ссылки, полноэкранный режим






    67
    29
    Troex Nevelin
    
* *normal*: _compact_ + копировать/вставить, цвета, отступы, элементы, изображения






    68
    29
    Troex Nevelin
    
* *complete*: _normal_ + форматирование, размер и стиль шрифта






    69
    29
    Troex Nevelin
    
* *maxi*: _complete_ + таблицы