Установка

Redactor - это WYSIWYG редактор, основанный на jQuery.

Чтобы посмотреть его в действии перейдите на страницу live example.

Для установки Redactor добавьте этот код между тегами <head></head>:

<link rel = "stylesheet" href = "/js/redactor/redactor.css"/>
<script src = "/js/redactor/redactor.js"></script> 

Применить Redactor к текстовой области можно следующим кодом:

<scripttype="text/javascript">
$(document).ready(function() {
	$('#redactor_content').redactor();
});
</script>

Этот код можно также разместить между тегами <head></head>.

Теперь добавьте элемент <textarea> с ID “redactor_content” (или ID, который вы указали при вызове редактора). Этот элемент будет заменен визуальным редактором Redactor.

<textarea id="redactor_content" name="content"></textarea>

Пример страницы:

<!DOCTYPE html>
<html>
	<head>
		<title>Redactor</title>
		<meta charset="utf-8">
		<script src="/js/jquery-1.7.min.js"></script>
		<link rel="stylesheet"href="/js/redactor/redactor.css"/>
		<script src="/js/redactor/redactor.js"></script>
		<script type="text/javascript">
		$(document).ready(function() {
			$('#redactor_content').redactor();
		});
		</script>	
	</head>
	<body>
		<textarea id="redactor_content" name="content"></textarea>
	</body>
</html>