Удобен html редактор за няколко страници. WYSIWYG редактор "това, което виждате, това получавате"

Поздрави, скъпи читатели на сайта. език HTML маркиранее в основата на всички интернет сайтове. Често незнанието на този език спира мнозина талантливи хорапо пътя към създаването на собствен уеб проект - в крайна сметка не всеки има склонност към програмиране. И не всеки знае, че можете да създавате HTML код не само чрез писане на тагове в бележник, но и с помощта на прости визуални редактори, напомнящи на Word.

  • Визуален (WYSIWYG) - при който целият процес на създаване на код не изисква познаване на HTML - позволява ви да проектирате текст, картини и други елементи на страница във визуален режим (както в Word) - правене на заглавия, маркиране на параграфи, допълване на материала с маркирани списъци и т.н., а на изхода получавате готов HTMLкод с всички етикети;
  • Работа само с програмен код– в сравнение с обикновен бележник, те ви позволяват да видите структурата на кода, благодарение на подчертаването и други функции. Невъзможно е да работите с такива редактори без познаване на HTML.

Има редактори под формата на програми, които трябва да бъдат инсталирани на компютъра, например Visual NVU или Frontpage; можете да работите с кода в Notepad++. Но има и онлайн аналози - сайтове, където HTML редакторът работи директно в мрежата, без да е необходимо изтегляне.

Онлайн редакторът е много удобен, ако рядко правите кодиране (създаване и редактиране на интернет страници).

Реших да дам списък с най-висококачествен и полезен HTML онлайн редакторипознат ми.

Прости HTML онлайн редактори

The визуален HTMLРедакторът се счита от мнозина за стандарт, тъй като неговият панел с настройки съдържа почти всичко, което уеб администраторът може да измисли - емотикони, видео в youtube, дори възможността за вмъкване на код с подчертаване на тагове за подобряване на възприятието.

Редакторът за изрязване осъществява превключване на три режима:

  • визуален;
  • Кодов режим на работа;
  • Визуализирайте резултата.

Превключването става чрез раздели в долната част на прозореца на редактора.


Този WYSIWYG HTML редактор може да бъде интегриран във всеки уебсайт, там ще намерите инструкции от разработчиците. Контролният панел може да се променя, като за целта има прозорец над формата с падащ списък с 5 комплекта контролни бутони.

Тази разработка не е просто онлайн HTML редактор, а плъгин модул, който може да бъде инсталиран на всеки уебсайт, поради което се намира на много ресурси. Ако желаете, можете да го поставите във вашия проект - за това вземете изходния код тук -.

Действителният модул за редактор работи тук.


Това е WYSIWYG редактор с голяма сумафункции. Има и форматиране на текст и дори онлайн проверкаправопис.

Дизайн на страницата необходимите бутони, а накрая превключете от визуален дисплей към готов HTML код с бутона „Източник“.

Онлайн HTML 5 редактор с два прозореца е удобен, защото на един екран можете да работите едновременно с кода и да видите резултата от промените, които правите. Този редакторне е подходящ за хора, които изобщо не говорят HTML, тъй като е насочен към работа директно с код. IN стандартен комплект, има само 5 елемента за бързо вмъкване- Това са списък с водещи символи, таблица, картина, форма и избор. Всичко останало ще трябва да напишете сами с помощта на тагове.


Промените в кода се възпроизвеждат във визуалната част не в реално време, а след натискане на бутона „Render“.

Редакторът може да работи с CSS и JavaScript.

Вълк

Изключително прост вграден WYSIWYG HTML редактор. Минимум настройки, леко тегло и простота ви позволяват да го добавите навсякъде, изходният код се изтегля директно от уебсайта на програмиста - всичко е на руски.

Комплектът контролен панел съдържа всички най-популярни функции - прости, но с вкус.


В долната част има раздели за превключване на онлайн редактора от визуален към HTML режим.

JSBin

Прост онлайн редактор с два прозореца с поддръжка на HTML, CSS и JS код. От лявата страна пишем етикети и вмъкваме необходимо съдържание, а вдясно виждаме какво излиза от това в реално време. Маркирането на етикети ви позволява да наблюдавате правилния синтаксис. Удобен за отстраняване на грешки Java скриптове, чиято работа не се поддържа в много визуални редактори.


Преминат към желан типкод, разположен по-горе работна среда.

Професионални инструменти за уеб разработка

Този редактор ви позволява да работите не само с HTML код, той поддържа огромен списък от езици за програмиране, включително JavaScript, PHP, Perl, Python и др.

Но основна характеристикане това. Cloud9ide позволява на няколко програмисти да работят с код едновременно - в лична сметкаотваря достъп до определен кръг от специалисти. Поради тази причина е необходима регистрация.


Редакторът ясно подчертава елементите на кода, позволява на участниците, работещи по проекта, да комуникират чрез чат - с една дума, всичко се прави както трябва.

Този онлайн редактор е подобен по функционалност на Cloud9ide, описан по-горе, той също така поддържа много езици, можете да програмирате обикновен HTML код, JS и PHP за вашия уебсайт. С него можете директно да се свържете с вашия хостинг чрез FTP и да редактирате файлове директно от него. Интерфейсът е разделен на 3 части: основната с кода, отляво има списък с файлове, отдясно предварителен прегледрезултат.


Поддържа работа с Dropbox и Google Drive.

Всички тагове в кода са подчертани за яснота. Има автоматично подаване на затварящи етикети, автоматично попълване на данни и подчертаване на незатворени елементи.

Форматирането ви позволява автоматично да „почистите“ грозните секции от кода, като добавите отстъпи и нови редове.

Има кратка видео инструкция за този HTML редактор, мисля, че ще е полезно да я включите:

Услуга за "сресване" на Dirty Markup код

Тази услуга не може да бъде класифицирана като онлайн редактор, въпреки че ви позволява да работите с HTML, JS и CSS код доста ефективно, но визуален режимне е предвидено. Целта на инструмента е да изчисти кода - от всеки тромав набор от тагове, въведени произволно в документа, Dirty Markup прави структуриран код, който е лесен за четене, където всеки логически елементи блокът е лесен за четене и разбиране.

Услугата е удобна, например, за възстановяване на четливостта на файлове, компресирани за оптимизация, които са създадени с цел или за коригиране на работата на посредствен програмист.

Екранните снимки по-долу показват два 100% идентични кода, единият е оптимизиран и невъзможен за разбиране, вторият е лесен за четене от хора.



Като този полезен инструмент– може да бъде много полезно, ако искате да направите промени в предварително оптимизиран уебсайт.

Надежда, дадена днес HTML списъконлайн редакторите ще ви помогнат да работите по-ефективно върху вашите проекти и да достигнете нови висоти. И с това се сбогувам с всички.

Полезни статии:



  • Емотикони за VK - кодове на скрити емотикони, като...


  • Как да печелите пари в интернет за начинаещ - 23...

Всички знаем какво е името HTML езикидва от HyperText Markup Language, което означава език хипертекстово маркиране. Терминологията на езика за маркиране предполага това Текстов документс указания за заглавия, списъци и други акценти в текста. По-голямата част от сайтовете, в които можете да попаднете световната мрежанаписани специално на HTML. Информацията се предава от сървъра към браузъра, като се използват специални протоколи и условия за компресия. От историята е известно също, че езикът е разработен от Тим ​​Бърнърс-Лий през 1986-1991 г.
Честно казано, редакторът може да служи обикновен бележник. Но това е неудобно; има много редактори с по-удобни функции (отгатване на знаци, визуално редактиране, осветяване на кода и т.н.).
Така че нека видим най-доброто HTML редактори:

1 място. Възвишен текст

Прост, безплатен и удобен редактор различен код. Сред предимствата не може да не се отбележи приятният интерфейс, лекотата на управление и гъвкава конфигурация. Друго несъмнено предимство е, че този редактор е мултиплатформен. Много ми хареса функцията за многократен избор и редактиране; други редактори нямат тази функция. Работи по следния начин: задържате Ctrl и след като изберете редове от текст, те се редактират едновременно. Този редактор също има функция за бърз клавиш за всяко действие. Все още няма много добавки.

2-ро място. Студио Аптана

Този редактор е създаден основно за разработване на уеб приложения, но работи много добре и с HTML. Сред предимствата не може да не се отбележи отличното автоматично попълване, подчертаването на кода и отличната система за управление на проекти. За безплатен редактор тези функции са просто безценни. Точно като Dreamweaver, можете да намерите много добавки на официалния уебсайт. Със сигурност голям избордобавки, опции, настройки могат да бъдат смущаващи за начинаещ, но Aptana Studio е отличен избор, ако имате нужда от удобен и функционален HTML редактор.

3-то място. Notepad++

Позициониран като безплатен редакторотворен код. Функциите за подчертаване и автоматично попълване на кодови блокове са добре организирани; функционалността може да бъде увеличена поради голям брой добавки и модули. Освен това този редактор работи много бързо дори с голям брой плъгини.

4 място. Macromedia (Adobe) Dreamweaver

Е един от най-старите редактори, остава на повърхността благодарение на много функции. Когато използвате тази програма, можете едновременно да видите дизайна и кода на страницата, тя също така използва подсказки и автоматично довършване на тагове и HTML атрибути. Търсенето и замяната на символи е удобно организирано. На официалния уебсайт на програмата ще намерите много комерсиални и некомерсиални добавки за тази програма.

5 място. RJ TextEd

Прост безплатен редактор, написан през 2004 г. за операционна система Windows. В него можете да персонализирате осветяването на кода за себе си, автоматичното затваряне на тагове и кавички работи частично. Има приличен брой недостатъци, както сериозни, така и незабележими, например няма FTP клиент, също така няма прихващане на зависими файлове, няма поддръжка за CSS 3, JS и т.н.

6-то място. KompoZer

Това е един от най-добрите безплатни визуални редактори. Веднага можете да видите как ще изглежда страницата в браузъра при редактиране. Поддържа всички HTML елементи. KompoZer, разбира се, не е платен Dreamweaver и се държи съответно. Едно от предимствата, които няма как да не забележите, е вграденият CSS редактори FTP мениджър.

7 място. Комодо Редактиране

Това е безплатен редактор, разработен от комерсиалната Komodo IDE, от която наследява много функции. Редакторът има стандартно автоматично довършване и осветяване на кода. Сред предимствата може да се отбележи бърз старт, удобни горещи клавиши. Има и вграден механизъм за инсталиране на разширения. Първоначално разработен като многофункционален редактор.

8 място. Вим

Добрият стар редактор, разработен на базата на по-стария Vi, създаден през 1976 г. Може да попитате защо все още използваме нещо, което е създадено преди почти 40 години? Да, защото има отлична производителност и лесен контрол. Разбира се, трябва много да свикнете с този редактор, първо трябва да овладеете писането с докосване (защото без него няма какво да правите във Vim), да научите горещите клавиши, чрез които се осъществява основното управление на програмата.

9 място. Фрейз

Fraise е безплатен текстов редактор с подчертаване на синтаксиса. Разработен е от Jean-François Moy на базата на Smultron. Предимствата включват отлично управление на блокове, кодиране на знаци, разделяне на 2 прозореца и много други. Но основният недостатък е, че този редактор съществува само за Mac OS.

10 място. PSPad

Универсален текстов редакторЗа Windows платформи, с много полезни функции. Много хубава функция на тази програма е функцията за компресиране на HTML код, за повече бързо зарежданестраници, не съм виждал това в други редактори.

Визуализацията на кода не е приоритет за разработчиците от дълго време. Тази статия предоставя списък от 9 WYSIWYG редактора, които се използват за тези цели. Препоръчваме ви да се запознаете с него, в случай че при изпълнението на вашия проект възникне подобна задача.

Кой е най-добрият редактор за 2016 г.?

В този раздел на статията ще намерите някои страхотни редактори, които ще направят работата ви по-лесна и по-бърза. Кое е най-доброто?

Избор на редактора: Atom.io

Много редактори са създадени през годините, но само няколко са останали включени високо нивоили стана още по-добре. Atom.io се използва от всички мои приятели програмисти и аз също го избирам.

Ако искате най-добрия HTML WYSIWYG редактор, който ще намали времето, което отделяте за писане или редактиране на код с 10 пъти, тогава Atom е това. Опитайте и ще ми благодарите. Atom.io е безплатен и е създаден от екипа на Github.

Друг инструмент, който заслужава похвала, е Coda, който е много готин редакторЗа Потребители на Mac. Той има перфектен и красив интерфейсно струва $99. този моментПредпочитам Atom!

Сега преглед на останалите редактори.

1. NicEdit

Демо версия | Изтегли


NicEdit е алтернатива на по-големите и по-сложни визуални редактори, той е малък по размер. Той също така може да се похвали с много от функциите, необходими на редактора, и този онлайн WYSIWYG редактор е лесен за интегриране във вашия уебсайт.

2. TinyMCE

Демо версия | Изтегли


TinyMCE е WYSIWYG HTML редактор с отворен код, написан на JavaScript. Той се интегрира лесно и лесно може да се персонализира с теми и плъгини. TinyMCE е един от най-„завършените“ редактори, предлагащ функционалност, подобна на MSWord.

3.CKEditor

Демо версия | Изтегли


CKEditor е актуализирана версия FCKEditor, който преди това беше лидер в индустрията. Основава се на желанието да се коригират грешките на FCKEditor. Резултатът беше визуален редакторс висока производителност, който предлага функции за редактиране, сравними с MSWord и Open Office.

4. YUI Rich Text Editor

Демо версия | Изтегли


WYSIWYG редактор за сайта YUI Rich е контролен интерфейс от Yahoo, който се превръща в прост текстов панелв пълнофункционален WYSIWYG редактор. Инструментът се предлага в няколко версии с различни нива на сложност и с различни функции, но във всеки от тях авторите успяват да постигнат отлична ергономичност ( без безпорядък от бутони, задръстващи интерфейса).

5. MarkItUp!

Демо версия | Изтегли


Markitup е плъгин за jQuery, който ви позволява да превръщате текстови области в редактори за маркиране по ваш избор. Синтаксис на HTML, Wiki и BBcode са само някои от поддържаните опции. Markitup не е WYSIWYG редактор, но това не означава, че не предлага всички функции, от които се нуждаете. Освен това е компактен и лесен за използване.

6. FreeTextBox

Демо версия | Изтегли


FreeTextBox е онлайн WYSIWYG HTML редактор, специално създаден за ASP.NET. Външният вид на редактора е много подобен на Майкрософт Уърд. IN безплатна версияНяколко разширени функции не са реализирани, но наличният набор е повече от достатъчен за пълноценна работа.

7.MooРедактируем

Демо версия | Изтегли


MooEditable предоставя проста, но ефективна функционалност, която се реализира с помощта на добре написана JavaScript библиотека. Ако сте фен на Mootools, няма да имате проблеми с това.

8.OpenWysiwyg

Демо версия | Изтегли


OpenWYSIWYG е прост WYSIWYG редактор за различни браузъри с всички необходими функции. Той има красива потребителски интерфейс, който включва изскачащи елементи и бутони. Един от неговите отличителни чертие качествен завършена работас маси. В същото време, в Google Chrome OpenWYSIWYG все още не се поддържа.

9. jHtmlArea

Демо версия | Изтегли


jHtmlArea е друг WYSIWYG редактор, проектиран като плъгин за популярните jQuery библиотеки. Той е лесен за използване и съдържа само най-необходимите опции. Това прави много лесно конфигурирането на всички негови компоненти: от външен видкъм езика.

HTML редакторите имат много функции, но не всички от тях може да са ви полезни. Оставили сме само най-необходимите. Таблицата по-долу показва основните функции на визуалния редактор, които ние използваме и които определено ще ви трябват. Ще ви кажем не само какво ще ви бъде полезно, но и защо.

Основни функции

Таблица на основните възможности на услугата. Лявата колона показва иконата, средната колона дава името на функцията, а дясната колона дава нейното описание.

Форматиране на текст
формат...Откроява текста на заглавието (таг h1), подзаглавия (таг h2), подзаглавия от 3-то ниво (таг h3) и обикновен текст (по подразбиране) (таг P). Посоченото форматиране оказва силно влияние върху популяризирането на страницата в търсачкио Поради това не се препоръчват други видове форматиране, налични в тази функция.
УдебеленИзбиране на част от текст с удебелен шрифт (силен таг). Най-важните фрази, изречения или цели абзаци трябва да бъдат подчертани с удебелен шрифт. Силният етикет се използва от търсачките при класиране на сайт, но влиянието му не е толкова голямо, колкото това на заглавията.
Номериран списъкСъздаване на номерирани списъци (ol, li тагове). Такива списъци трябва да се създават предимно за удобство на читателя, което ще има положително въздействие върху поведенческите фактори.
Списък с водещи символиСъздаване списъци с водещи символи(етикети ul, li). За разлика от номерираните списъци, тук редът на елементите няма значение.
цитатМаркирайте част от текста като цитат (таг blockquote). Етикетът blockquote трябва да съдържа текст, заимстван от други източници.
ВръзкаВмъкване на хипервръзка към друг сайт или страница на сайта (таг). Помага на читателите да получат повече информация, когато кликнат върху връзка. А търсачките ще повишат класирането на страницата, към която води връзката.
ИзображениеВмъкване на изображение. Картината първо трябва да е качена в интернет и да има адрес. Трябва да посочите „Алтернативен текст“ в диалоговия прозорец.
ТаблицаВмъкване на таблица. Ако текстът съдържа структурирани данни, тогава е по-добре да го представите под формата на таблица.
Специален характерВмъкнете знаци, които не са налични на стандартната клавиатура.
Например: ®, ™, ¥, ½.

И всичко е? Защо има толкова малко функции?

HTML кодът е много богат на функционалност и можете да добавите почти всичко към него. Единственият въпрос е дали това наистина е необходимо?

Например неща като формуляри ( етикет на формуляр), текстово поле, поле за отметка, бутон за избор (таг за въвеждане) и т.н. могат да бъдат на сайта, само ако взаимодействат адекватно с „двигателя“ на сайта. Тоест, изпълняват предназначената за тях функция: оставят коментар, гласуват и т.н. А това изисква умения за програмиране. IN в противен случай тази функционалностсамо ще подведе потребителите и ще предизвика раздразнение при използване на вашия сайт.

Ако в допълнение към горното искате да украсите текста си с такива дизайнерски елементи като:

  • различни шрифтове,
  • многоцветни шевове,
  • големи букви,
  • подравняването на текста не е по подразбиране,
  • посока на текста от дясно на ляво,
  • емотикони,
  • и други дизайнерски изкушения.

Тогава такъв текст ще превърне вашия сайт в коледна елхакоито ще зарадват само вашето семейство и приятели. Много популярни сайтове не се възползват напълно от богатите възможности на HTML за форматиране.

Възможностите, налични в нашата услуга, ще ви помогнат да форматирате статията си по такъв начин, че да вдъхнете доверие както на читателите, така и на търсачките. Ако наистина искате да подчертаете конкретна областтекст с различен стил, по-добре е да направите това с помощта на файла style.css.

WYSIWYG html онлайн редактор

Нашият html редактор има свойството WYSIWYG, думата е съкращение от английски. Ушапка Yти Сее азс Ушапка Yти Ж et, буквално се превежда като „това, което виждате, е това, което получавате“. Това свойство ви позволява по време на процеса на редактиране да показвате съдържанието на материала възможно най-близо до това, което ще получите на вашия сайт, когато вмъквате фрагмент, получен от „източника“ (бутон) html кодА.

Бъдете мъдри - играйте нормални игри!!!

- Комбинация от стратегия и RPG;
- Страхотна графика в Full HD без спирачки;
- Голям свят, абсолютна свобода;
- Щедри подаръци за нови играчи.

Трябва обаче да запомните, че вашият сайт има стилове на дизайн за различни текстови елементи (заглавия, списъци, параграфи, изображения). Обикновено тези стилове се съхраняват във файла style.css. Без да включите този файл, тоест без да поставите получения html код на уебсайта си, не можете да сте 100% сигурни в надеждността на видимия резултат. Това твърдение е вярно за всички редактори на визуален код.

Преобразуване на Word в html

Нашата услуга може да се използва за конвертиране на текст от word файл V html формат. За да направите това, трябва да копирате необходимия фрагмент от Word и като кликнете върху нашата услуга върху бутона „Поставяне от Word“, поставете копирания фрагмент в диалоговия прозорец, който се показва.

За разлика от други подобни конвертори, нашата услуга извършва почистване форматиране на думи, оставяйки само най-важното:

  • Заглавие на текста (h1 таг).
  • Подзаглавие (h2, h3 тагове).
  • Абзац/обикновен текст (P таг).
  • Удебелен шрифт (силен таг).
  • Номериран списък (тагове ol, li).
  • Списък с водещи символи (ul, li тагове).
  • Курсив (ем етикет).
  • Връзка (таг).
  • Таблица.
  • Специален характер.

Това означава, че на практика няма да се налага да изчиствате допълнителен html код от вашия материал. Достатъчно е правилно да форматирате текста Word редактор, конвертирайте го с помощта на нашата услуга в html формат и веднага ще получите готовия резултат.

Всеки уеб дизайнер и програмист се нуждае от добър редактор на уеб страници, за да създава и редактира HTML, CSS и JavaScript код. Notepad (Windows) и TextEdit (Mac) са страхотни инструменти за начало, но когато натрупате повече опит, ще искате да използвате по-стабилен и удобен за потребителя инструмент.

Има стотици отлични редактори, от които можете да изберете правилния, но много от тях са платени. И ако не искате да нарушавате авторските права, но бюджетът ви няма средства за покупка търговски продукт? Тази статия разглежда някои страхотни безплатни редактори.

  • WYSIWYG редактори.Това графичен редактор, които ви позволяват да изграждате оформление на страницата и да задавате стилове визуално, както в добре познатите текстообработваща програма MS Word. Те са удобен инструментза изграждане на дизайн на страница, въпреки че, както всеки опитен уеб дизайнер знае, кодът все пак ще трябва да бъде „сресан“, за да се постигне отличен резултат.
  • Текстови редактори.Това е инструмент за директно редактиране на HTML и CSS код. Някои редактори са с общо предназначение и нямат специални опцииподдръжка на уеб код. Други са специализирани за използване на уеб езици като HTML, CSS, JavaScript и PHP и имат вградени свойства за бързо въвеждане HTML тагове, CSS свойства и т.н. Много от тези редактори ви позволяват да видите уеб страница в отделен прозорец.

KompoZer (Windows, Mac, Linux)

KompoZer е чудесен избор, ако имате нужда от визуален редактор с ограничен бюджет

Комодо Редактиране - добър редактор, лесен за научаване, но мощен и разширяем

Въпреки че това е редактор с общо предназначение, поддържа HTML и CSS и има свойството на контекстно автоматично довършване на HTML тагове и CSS свойства, както и колекция от кодови вмъквания за различни HTML елементи. За да извлечете максимума от Komodo, трябва да инсталирате разширението HTML Toolkit, което съдържа такива прекрасни функции като тагове за автоматично затваряне, предварителен преглед на външния вид на CSS и генератор на временен текст.

Komodo Edit ви позволява да преглеждате редактирани страници във всеки инсталиран браузър, или използвайте вградения браузър в отделен прозорец, за да можете да редактирате и да видите резултата от вашите промени едновременно.

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

Много полезна функция Код > Изберете Блокиране. Той подчертава текущия основен HTML блок, например текущия затворен div елементили ул. Много удобна функция, когато трябва да изберете цяла секция на страница за копиране или преместване.

Komodo Edit има толкова много мощни и полезни функции, като например използване регулярни изразиза търсене/замяна, възможност за изп външни команди, и така нататък. За щастие, редакторът също има добро помощна система, което улеснява използването на силата на Komodo Edit.

Aptana Studio (Windows, Mac, Linux)

Aptana Studio е цялостна интегрирана среда за разработка на уеб приложения с голям набор от добавки. Въпреки че можете да го използвате само като редактор на HTML/CSS/JavaScript код

Notepad++ е чудесен заместител на Notepad в Windows. Въпреки че няма толкова опции като другите редактори, той е чудесен за редактиране на HTML, CSS, JavaScript и други кодови файлове

PSPad е друг редактор с общо предназначение за Windows с широк набор от функции, полезни за HTML и CSS програмисти

jEdit е мултиплатформен текстов редактор с мощни функции за макро команди и плъгини. Инсталирайте приставката XML, ако трябва да редактирате уеб страници

TextWrangler е лек редактор с общо предназначение. Въпреки липсата специални функцииза уеб разработка, може да се използва за работа с уеб страници.

Vim определено е труден за научаване, но след като преодолеете предизвикателствата, никога няма да искате да се върнете назад!

Дядото на текстовите редактори за програмисти, Vim (директен наследник на редактора vi) е конзолен текстов редактор с отворен код. Това е редакторът по подразбиране в почти всички разновидности на Unix, включително Linux и Mac OS X. Също така е достъпен за използване в Windows и много други системи.

Vim не е система, която можете да инсталирате и да започнете да използвате веднага, без да сте работили с нея преди. Повечето команди за редактиране включват странни комбинации като :wq и / . Освен това има три режима на редактиране: режим вложки, в който се въвежда текст; визуаленрежим за избор на текст; И командарежим за въвеждане на команди. Тази функционалност е наследство от Unix от дните, когато не е имало прозорци и мишка.

Защо беше в списъка? Ако го овладеете, ще се убедите в неговата бързина и сила. С няколко команди можете да направите за няколко секунди това, което може да отнеме минути в други редактори.

съществува голям броймакроси и плъгини за Vim, които улесняват работата с HTML, CSS и JavaScript код, включително подчертаване на синтаксиса, автоматично довършване, HTML Tidy и преглед на браузъра. Тук голям списъкполезни връзки:

  • Автоматично довършване на Vim Omni
  • Редактиране на HTML/XHTML във Vim
  • начална страница

Fraise (Mac)

Fraise е интуитивен редактор за Mac с набор от функции, достатъчни за уеб редактиране

Подобно на TextWrangler и gedit, Fraise е прекрасен, лек редактор, който е удоволствие да се използва. Това е разклонение от редактора. Той е сравнително нов и няма подходящ уеб сървър. В момента се поддържа само от Mac OS X 10.6 ( Снежен леопард), тоест, ако използвате версия 10.5, тогава ще трябва да изтеглите Smultron.

Fraise има някои страхотни опции за уеб редактиране:

  • Маркиране на код за HTML, CSS, JavaScript, PHP и няколко други езика за програмиране.
  • Команда Затвори етикет (Command-T), за да затворите текущия етикет. Това наистина спестява време при въвеждане на списъци.
  • Удобен преглед с вграден браузър (с помощта на WebKit), с много удобен вариант Актуализация на живо? който актуализира браузъра веднага щом маркирането и CSS на редактираната страница се променят.
  • Опция Advanced Find, която поддържа търсене/замяна с помощта на регулярни изрази.
  • Поддръжка на блокове за бързо въвеждане HTML таговеи CSS свойства.
  • Някои удобни команди за манипулиране на текст, като HTML проверка и конвертиране на знаци в HTML елементи.

Fraise си струва да проучите, ако използвате Mac и искате лесен за използване редактор с повече възможности от вградения TextEdit.