MooEditable — це спроба Lim Chee Aun створити простенький WYSIWYG редактор на базі MooTools бібліотеки. Даний редактор дозволяє редагувати контент у вікні браузера, а точніше через textarea-елемент, що знаходиться на сторінці.

Більше дізнатись про скрипт можна зі сторінки http://code.google.com/p/mooeditable/.

Особливості:

• простенький інтерфейс (мінімальний набір кнопок);
• кнопки можна нарощувати;
• можна надсилати дані за допомогою AJAX;
• невеликий розмір (без стиснення займає біля 20 Кб);
• працює в IE 6/7, Firefox 2/3, Opera 9 та Safari 3 бета.

Вимоги: Mootools 1.2.1 Core, з мінімальним набором:

• Class.Extras
• Element.Event
• Element.Style
• Element.Dimensions
• Selectors
• Request.HTML (якщо плануєте використовувати AJAX для надсилання даних)

Для вставки на вашу веб-сторінку WYSIWYG редактор потрібно вказати який саме елемент (в нашому випадку нехай це буде текстове поле з ідентифікатором “my_textarea”) має стати редактором. Найпростіший варіант коду виглядає так:

window.addEvent('load', function(){
	$('my_textarea').mooEditable();
});

Один з демонстраційних прикладів використання MooEditable можна подивитись тут.

Рис.1. Скріншот MooEditable.

Повністю робочий варіант MooEditable (все зібрано в одному місці) можна завантажити звідси.

1. Александр написав (ла):
   Січень 28, 2009 о 14:56

   mooEditable умеет загружать файлы на сервер или только ставит ссылку на загруженный? писать отдельный плагин для него не очень хочется ((

2. admin написав (ла):
   Січень 28, 2009 о 15:29

   Честно говоря, я не пробовал “заливать” что-то с помощью этого редактора. Но из базовых примеров видно, что он позволяет ЛИШЬ указать путь к уже существующей фотке на серваку, то есть он не загружает картинку сам. На то он и “простенький редактор”
   А при большом желании можно загрузку реализовать и самому - Загрузка файлов на сервер (скрипт на php). И работы там не так уж и много.

3. Александр написав (ла):
   Січень 28, 2009 о 15:41

   Загрузить-то не проблема. Главное, чтоб пользователю было удобно писать текст, параллельно загружая картинки.
   Что-то я не подумал, с чего бы JS загружал картинки :))

4. Саня написав (ла):
   Листопад 30, 2009 о 00:49

   привіт у мене тут проблемка… коли я копіюю текст в редактор то він вставляє с хтмл тегами - це дуже зручно… але коли муедіттабл відправляє його на сайт так добавляє тег
   отже виходить так
там я бачив є фільтри в скрипті але я нічого не шарю в цьому, допоможіть як за допомогою них вирізати ліві чи при відправці різати, а потім нові ставить як краще і як це зробити? дякую за відповідь і за сам редактор

5. Саня написав (ла):
   Листопад 30, 2009 о 01:00

   Забув в тег код виділити…
   Отже я відправляю
   Жанр: Action (Shooter) / 3D / 1st Person
   а прийшло на сайт
   Жанр: Action (Shooter) / 3D / 1st Person
   мені то не важко в ручну видалить, а от юзерам лінь

6. Саня написав (ла):
   Листопад 30, 2009 о 01:02

   /бр
   а прийшло на сайт
   /бр /бр
   вибачте за флуд коду просто не видно

7. admin написав (ла):
   Листопад 30, 2009 о 23:13

   Саня, не зовсім розумію, що саме вам потрібно. Постукайте мені в аську (номер скинув на ел. скриньку, вказану вами при коментуванні), щоб прояснити вашу проблему. Або ж напишіть лист на virua [песик] ukr [крапка] net.