10 безкоштовних редакторів для веб сторінок

1. KompoZer (Windows, Mac, Linux)
2. Komodo Edit (Windows, Mac, Linux)
3. Aptana Studio (Windows, Mac, Linux)
4. Notepad ++ (Windows)
5. PSPad (Windows)
6. jEdit (Windows, Mac, Linux)
7. TextWrangler (Mac)
8. Vim (Windows, Mac, Linux)
9. gedit (Windows, Mac, Linux)
10. Fraise (Mac)

Кожен веб дизайнер і кодер потребує хорошого редакторі веб сторінок для створення і редагування HTML, CSS і JavaScript коду. Notepad (Windows) і TextEdit (Mac) - відмінні інструменти для початку, але незабаром у міру накопичення досвіду роботи захочеться використовувати більш солідний і зручний інструмент.

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

Якщо говорити про категорії, то редактори веб сторінок можна розділити на дві групи:

• WYSIWYG редактори. Це графічні редактори, які дозволяють будувати макет сторінки і задавати стилі візуально, як в добре відомому текстовому процесорі MS Word. Вони є зручним інструментом для побудови дизайну сторінки, хоча, як відомо кожному досвідченому веб дизайнеру, код все одно доведеться "причісувати" для досягнення відмінного результату.
• Текстові редактори. Це інструмент для безпосереднього редагування HTML і CSS коду. Деякі редактори мають загальне призначення і в них немає спеціальних опцій підтримки веб коду. Інші спеціалізовані для використання веб мов, таких як HTML, CSS, JavaScript і PHP, і мають вбудовані властивості для швидкого введення HTML тегів, CSS властивостей, і так далі. Багато з таких редакторів дозволяють переглядати веб сторінку в окремому вікні.

KompoZer (Windows, Mac, Linux)

KompoZer - відмінний вибір, якщо вам потрібен візуальний редактор в умовах обмеженого бюджету

KompoZer - це єдиний WYSIWYG редактор в списку. Дуже багато хто вважає, що це кращий з безкоштовних редакторів WYSIWYG, доступних на сьогоднішній день. Це редактор з відкритим вихідним кодом, який є нащадком поважного Netscape Composer. Ви можете редагувати сторінки в трьох режимах:

• Режим WYSIWYG. Дозволяє візуально редагувати сторінку і елементи розмітки.
• Об'єднаний режим. Дуже зручний режим, коли вам потрібно детально розібратися з розміткою певного елемента.
• Режим коду. Дозволяє редагувати вихідний код сторінки як в текстовому редакторі. (На жаль, немає властивості автозавершения тегів HTML або інших способів прискорення введення тегів.)

Можна легко переглянути сторінку в редакторі, як вона буде виглядати в браузері.

KompoZer підтримує всі елементи HTML, включаючи зображення, таблиці і форми. У ньому також є вбудований редактор CSS для модифікування стилів, менеджер сайту роботи з файлами на вашому сайті, і властивість "Опублікувати" для завантаження сайту через FTP.

На відміну від інших WYSIWYG редакторів, KompoZer намагається зберегти вашу розмітку. наскільки це можливо. Звичайно, він виглядає не так презентабельно, як комерційні редактори (наприклад, Dreamweaver), але його дуже просто освоїти і, якщо потрібно забезпечити візуальне редагування веб сторінок в умовах урізаного бюджету, то це відмінний вибір.

Komodo Edit (Windows, Mac, Linux)

Komodo Edit - хороший редактор, простий в освоєнні, але потужний і розширюваний

Komodo Edit - це редактор з відкритим вихідним кодом, заснований на комерційному продукті Komodo IDE (Інтегроване середовище розробки). Це легко розширюється система, завдяки використанню підтримки розширень, подібної до тієї, яка використовується в Firefox, і великій кількості доступних розширень .

Хоча це і редактор загального призначення, він підтримує HTML і CSS, і має властивість контекстного автозаповнення HTML тегів і властивостей CSS, а також колекцію вставок коду для різних елементів HTML. Для того, щоб отримати максимум від використання Komodo, потрібно встановити розширення HTML Toolkit , Яке містить такі чудові властивості як, автозакритіем тегів, попередній перегляд виду CSS, і генератор тимчасового тексту.

Komodo Edit дозволяє переглядати редаговані сторінки в будь-якому встановленому браузері, або використовувати вбудований браузер в окремому вікні, так що можна редагувати і бачити результат змін одночасно.

Редактор має вбудовану функцію завантаження файлів на сайт (FTP, FTPS, SFTP, або SCP), а також ви можете чудненько групувати ваші файли за допомогою опції менеджера проекту.

Дуже корисна функція. Вона виділяє поточний основний блок HTML, наприклад, поточний закритий елемент div або ul. Дуже зручна функція, коли потрібно виділити цілу секцію на сторінці для копіювання або переміщення.

У редакторі Komodo Edit є дуже багато потужних і корисних функцій, такі як використання регулярних виразів для пошуку / заміни, можливість виконувати зовнішні команди, і так далі. На щастя, редактор має також хорошою довідковою системою, яка дозволяє легко освоїти всю мощьKomodo Edit.

Aptana Studio (Windows, Mac, Linux)

Aptana Studio - це повноцінна інтегроване середовище розробки веб додатків з великим набором плагінів. Хоча ви можете використовувати її тільки як редактор HTML / CSS / JavaScript коду

Aptana Studio - повноцінна середовище розробки веб додатків, яка особливо добре підходить для роботи з Ajax. Вона дозволяє редагувати HTML, CSS і JavaScript файли, і багато інших мов веб програмування підтримуються плагінами. Також можливо попередньо переглядати динамічні веб додатки з використанням вбудованого сервера Jetty Web.

Редактор Aptana відмінно обробляє HTML і CSS: автозавершення коду CSS і HTML, і прекрасна підсвічування коду. Насправді, автозаповнення HTML дуже функціонально для безкоштовного редактора: теги HTML автоматично закриваються і спливаючі підказки містять інформацію по синтаксису.

Aptana має відмінну систему управління проектом, яка дозволяє зберігати всі файли разом і використовувати завантаження на сайт через FTP, SFTP і FTPS.

З іншого боку, Aptana - це досить велика програма, з величезною кількістю налаштувань, плагінів і опцій, яке може налякати новачка. Вона також може бути іноді дуже неповороткою і нестабільною. (Інший незначний дрібничка: стандартне поєднання клавіш для відкриття файлу - Control / Command-O - замість цього відкриває вікно Outline!)

Незважаючи на недоліки, Aptana Studio є відмінним вибором в тому випадку, якщо вам потрібна повноцінна Web IDE, і її також можна використовувати як простий редактор HTML / CSS / JavaScript.

Notepad ++ (Windows)

Notepad ++ - відмінна заміна для Notepad з Windows. Незважаючи на те, що у нього немає такого набору опцій, як у інших редакторів, він відмінно підходить для редагування HTML, CSS, JavaScript та інших файлів з кодом

Notepad ++ - це редактор з відкритим вихідним кодом, який є відмінною заміною Windows Notepad. Він підтримує вкладки і підсвічування синтаксису HTML і CSS.

Він має відмінну систему пошуку і заміни, яка включає підтримку регулярних виразів і пошук за списком файлів.

Notepad ++ має також систему плагінів, що дозволяє розширювати можливості редактора додатковими опціями, наприклад, завантаженням через FTP.

Інші корисні для веб розробника функції:

• порівняння файлів
• Вбудована функція HTML Tidy (інструмент для переформатування і перевірки HTML коду)
  
• Швидкий доступ для перегляду документа в основних браузерах

PSPad (Windows)

PSPad - інший редактор загального призначення для Windows з великим набором функцій корисних для HTML і CSS кодерів

Як і Notepad ++, PSPad - редактор загального призначення для Windows. У нього є опції підсвічування синтаксису і автозавершения, і він добре підходить для редагування HTML і CSS коду. Серед вбудованих функцій є:

• Переформатування і перевірка коду за допомогою HTML Tidy
• Попередній перегляд в браузері
• Перетворення тексту фіксованої в HTML і назад
• Перетворення CSS файлу у вбудований код і назад.

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

PSPad також має вбудований FTP клієнт і систему запису макро команд.

jEdit (Windows, Mac, Linux)

jEdit - це крос-платформенний редактор тексту з потужними функціями макро команда і плагінів. Встановіть плагін XML, якщо вам потрібно редагувати веб сторінки

jEdit - це редактор тексту з відкритим вихідним кодом, написаний на Java. З позитивного боку він чудово працює під Windows, Mac OS X і Linux. З іншого, негативного боку інтерфейс редактора незграбний з нестандартними віджетами, діалогами і гарячим клавішами. Однак, якщо ви зможете подолати недоліки інтерфейсу, то побачите, що jEdit - це відмінний редактор з великими можливостями.

jEdit має всі функції, які можна очікувати від відповідного редактора, включаючи підсвітку синтаксису і макроси. Однак, щоб посилити jEdit в сфері веб кодування, потрібно встановити плагін XML (це легко зробити, вибравши меню Plugins> Plugin Manager, натиснувши на закладку Install і вибравши XML plugin). Даний плагін додає функції автозавершення HTML і CSS, браузер DOM, аутентифікацію коду та інші.

TextWrangler (Mac)

TextWrangler - це легкий редактор загального призначення. Незважаючи на відсутність спеціальних функцій для веб розробки, його можна використовувати для роботи з веб сторінками.

TextWrangler - розроблений компанією Bare Bones Software як простий текстовий редактор загального призначення, і у нього немає багатьох спеціальних веб функцій. Але незважаючи на це. він відмінно підходить для нескладного редагування HTML, CSS, JavaScript і PHP коду.

Деякі чудові властивості TextWrangler:

• Підсвічування синтаксису HTML, CSS, JavaScript та інших мов веб програмування
• Потужна, легка у використанні функція пошуку / заміни з підтримкою регулярних виразів
• Функція навігації: швидкий перехід до будь-якого елементу HTML, селектору CSS, або функції JavaScript в редагованому файлі
• Вбудована підтримка роботи з файлами по протоколу FTP
• Підтримка AppleScript для автоматизації спільних завдань редагування

Vim (Windows, Mac, Linux)

Vim безумовно складний для освоєння, але якщо ви подолаєте труднощі, то ніколи не захочете повернутися назад!

Дідусь редакторів тексту для програмістів Vim (Прямий нащадок редактора vi) - це консольний редактор тексту з відкритим кодом. Він встановлюється редактором за замовчуванням в багатьох різновидах Unix, включаючи Linux і Mac OS X. Також редактор доступний для використання в Windows і багатьох інших системах.

Vim не є системою, яку можна поставити і почати використовувати відразу, до цього ніколи не мавши з нею справи. Більшість команда редагування включають дивні поєднання на кшталт: wq і /. Він також має три режими редагування: режим вставки, в якому вводиться текст; візуальний режим для виділення тексту; і командний режим для введення команд. Таке функціонування є спадщиною Unix тих днів, коли не було ні вікон ні мишки.

Чому він потрапив у список? Якщо ви освоїте його, то переконаєтеся в його швидкості і потужності. За допомогою декількох команд можна за кілька секунд зробити те, що в інших редакторах може зайняти хвилини.

існує велика кількість макросів і плагінів для Vim, які полегшують роботу з кодом HTML, CSS і JavaScript, включаючи підсвітку синтаксису, автозавершення, HTML Tidy, і перегляд в браузері. Ось великий список корисних посилань:

Якщо ви не можете працювати з вікном терміналу, то Vim має графічну реалізацію під назвою gvim, яка має в своєму складі зручні вікна і меню.

gedit (Windows, Mac, Linux)

gedit - простий, але зручний для використання редактор. Ви можете використовувати плагіни для перетворення його в веб редактор

gedit - редактор за замовчуванням для графічного середовища GNOME, яка широко використовується на Linux системах. Редактор відмінно працює в Windows і Mac OS X. Завантажити програму можна з домашньої сторінки .

gedit має простий інтерфейс і легкий у використанні. Ви можете налаштувати редактор під власні потреби за допомогою великого числа плагінів . Для розробки веб додатків будуть корисні наступні плагіни:

Fraise (Mac)

Fraise - інтуїтивний редактор для Mac, з набором функцій, достатніх для веб редагування

Як і TextWrangler і gedit, Fraise - чудовий легкий редактор, який приємно використовувати. Він є відгалуженням від редактора Smultron . Він відносно новий і у нього немає нормального веб сервера. В даний час він підтримується тільки в Mac OS X 10.6 (Snow Leopard), тобто, якщо ви використовуєте версію 10.5, то вам доведеться завантажити Smultron.

Fraise має кілька чудових опцій для веб редагування:

• Підсвічування коду для HTML, CSS, JavaScript, PHP і декількох інших мов програмування.
• Команду Close Tag (Command-T) для закриття поточного тега. Це реально зберігає час при введенні списків.
• Зручний попередній перегляд вбудованим браузером (з використанням WebKit), з дуже зручною опцією Live Update? яка оновлює браузер як тільки змінилася розмітка і CSS на редагованої сторінці.
• Опцію Advanced Find, яка підтримує пошук / заміну з використанням регулярних виразів.
• Підтримка блоків для швидкого введення тегов HTML і властивостей CSS.
• Деякі зручні команди для маніпулювання текстом, такі як перевірка HTML і конвертація символів в елементи HTML.

Fraise варто вивчити, якщо ви використовуєте Mac і вам потрібен зручний редактор з великими можливостями, ніж вбудований TextEdit.