JavaScript и jQuery

TinyEditor — визуальный редактор на JavaScript

TinyEditor - визуальный редактор на JavaScript TinyEditor — это простой и очень лёгкий (около 8 кб) визуальный редактор на JavaScript. Он очень легко настраивается и внедряется в любой сайт посредством CSS и множеством других параметров. TinyEditor способен выполнять основные задачи по форматированию текста, но при этом, сохранять форматированный текст как можно более чистым (со стороны html-разметки). Значки форматирования объединены в один графический файл, что сокращает количество http-запросов к серверу до минимума.

Для инициализации скрипта (подготовке к работе) пропишите следующий код:

new TINY.editor.edit('editor',{
	id:'input', // (обязательно) ID текстового поля
	width:584, // (не обязательно) ширина редактора
	height:175, // (не обязательно) высота редактора
	cssclass:'te', // (не обязательно) CSS класс редактора
	controlclass:'tecontrol', // (не обязательно) CSS класс для иконок
	rowclass:'teheader', // (не обязательно) CSS класс для рядов иконок
	dividerclass:'tedivider', // (не обязательно) CSS класс для разделителей иконок
	controls:['bold', 'italic', 'underline', 'strikethrough', '|', 'subscript', 'superscript', '|', 'orderedlist', 'unorderedlist', '|' ,'outdent' ,'indent', '|', 'leftalign', 'centeralign', 'rightalign', 'blockjustify', '|', 'unformat', '|', 'undo', 'redo', 'n', 'font', 'size', 'style', '|', 'image', 'hr', 'link', 'unlink', '|', 'cut', 'copy', 'paste', 'print'], // (обязательно) Опции форматирования на выбор (здесь вы можете убрать не нужные вам элементы форматирования). Символ '|' является разделителем, а 'n' переносом строки
	footer:true, // (не обязательно) показывать ли нижнюю часть редактора?
	fonts:['Verdana','Arial','Georgia','Trebuchet MS'],  // (не обязательно) Доступные шрифты для форматирования
	xhtml:true, // (не обязательно) Форматирование происходит используя XHTML или HTML?
	cssfile:'style.css', // (не обязательно) attach an external CSS file to the editor
	content:'starting content', // (не обязательно) set the starting content else it will default to the textarea content
	css:'body{background-color:#ccc}', // (не обязательно) Применить стиль к редактору
	bodyid:'editor', // (не обязательно) Применить ID к "телу" редактора
	footerclass:'tefooter', // (не обязательно) CSS класс нижней части редактора
	toggle:{text:'source',activetext:'wysiwyg',cssclass:'toggle'}, // (не обязательно) Переключение вариантов просмотра
	resize:{cssclass:'resize'} // (не обязательно) Отображать настройки изменения размера редактора
});

Этот сценарий был испытан во всех браузерах и является бесплатным для личных и коммерческих проектов в рамках лицензии Creative Commonds license.

Демо версия: http://sandbox.leigeber.com/tinyeditor/
Скачать скрипт можно по ссылке — http://forum.leigeber.com/index.php?app=downloads&showfile=10