Как установить HTML Редактор NicEdit

Доброго времени суток, уважаемые читатели блога SoftMaker.kz. Сегодня я хочу рассказать о том, как установить HTML редактор NicEdit. После установки HTML редактора NicEdit вы с лёгкостью сможете редактировать страницы Вашего сайта напрямую из Вашего браузера (например, firefox). Если вы хотите скачать NicEdit перейдите на страницу со статьёй NicEdit — редактор расширенного текста. А в конце статьи вы можете познакомиться с бесплатным материалом по ускорению загрузки вашего сайта. Итак, поехали!

Чтобы установить NicEdit необходимо в любом месте Вашей веб-страницы прописать две строчки на JavaScript:

<script src="https://site.softmaker.kz/files/b>" type="text/javascript"></script>

<script type="text/javascript">
	bkLib.onDomLoaded(
		Вызов функций
	);
</script>

ПутьДоФайлаJS — Прописываем где лежит наш файл nicEdit.js.

Вызов функций — В этом месте происходит вызов функций, которые изменяют вид HTML редактора NicEdit.

Пример 1:

Если Вы хотите, чтобы все тэги textarea на странице Вашего сайта были преобразованы в редактор NicEdit, тогда нужно написать следующее:

<script type="text/javascript" src="https://site.softmaker.kz/files/b>"></script>

<script type="text/javascript"> 
	bkLib.onDomLoaded( 
		function() {
			nicEditors.allTextAreas() 
		} 	
	);
</script>

Выражение “src=»https://site.softmaker.kz/files/b>»” указывает на то, что файл nicEdit.js лежит в корневой директории на вашем сервере. Выражение “function() { nicEditors.allTextAreas() }” преобразует все тэги textarea на Вашей веб-странице в текстовый редактор NicEdit.

Пример 2:

Если нужно изменить только один тэг textarea, то можем написать:

<script src="https://site.softmaker.kz/files/NicEdit/nicEdit.js" type="text/javascript"></script>

<script type="text/javascript"> 
bkLib.onDomLoaded(
	function() {
		new nicEditor({
			fullPanel : true
		}
		).panelInstance("area1");
	}
); 

 <div>
	<textarea cols="50" id="area1"> 
	</textarea>
 </div>

Как видим для того, чтобы указать конкретный тэг textarea нужно указать в выражении:

function() {
	new nicEditor(
	{fullPanel : true}
	).panelInstance("area1");
}

название id тэга, в нашем случае это id=»area1«.

Пример 3:

Чтобы на одной странице разместить сразу несколько тэгов textarea с разными наборами кнопок нужно написать так:

Первый, одна кнопка:

<script src="https://site.softmaker.kz/files/NicEdit/nicEdit.js" type="text/javascript"></script> 

<script type="text/javascript">

bkLib.onDomLoaded( 
function() { 
	new nicEditor({
		buttonList : ['fontSize']
		}
	).panelInstance("area1");
}
);

<div>
	<textarea cols="50" id="area1"> 
	</textarea>
</div>

Второй, девять кнопок:

bkLib.onDomLoaded( 
function() {
new nicEditor({
	buttonList : 
	['fontSize','bold','italic','underline','strikeThrough',
	'subscript','superscript','html','image']
	}
	).panelInstance('area2'); 
}
);

<div>
	<textarea cols="50" id="area2"> 
	</textarea>
</div>

buttonList — это список указываемых Вами кнопок.