7 најбољих бесплатних мрежних ХТМЛ уређивача за тестирање вашег кода

7 најбољих бесплатних мрежних ХТМЛ уређивача за тестирање вашег кода

Свака веб локација коју користите ослања се на ХТМЛ. Док веб програмерима требају вештине у ЈаваСцрипт-у, Питхону, ЦСС-у и скриптирању на страни сервера, ХТМЛ све то држи заједно.





Без ХТМЛ -а не постоји веб, па морате знати како да га креирате и уредите. Уместо да поставите систем за тестирање ХТМЛ кода на рачунару, лакше је тестирати код у прегледачу.





Било да се петљате са малим ХТМЛ исечцима или комплетним пројектима веб страница, мрежни ХТМЛ уређивач је идеалан.





Зашто бисте требали користити мрежни ХТМЛ уређивач

Коришћење ХТМЛ уређивача заснованог на прегледачу има смисла за нешто попут Нотепад ++ из следећих разлога:

  • Мрежни ХТМЛ уређивачи раде директно у вашем веб прегледачу
  • Тестирајте свој ХТМЛ код на мрежи --- проверите да ли код ради како сте очекивали
  • Погледајте веб прегледе у реалном времену --- ажурирања прегледа док уређујете
  • Поједноставите ток посла --- нема више уштеде, учитавања у прегледач, преласка на уређивач и поновите
  • Агностичка платформа --- раде на било ком уређају са веб везом.

Ова последња тачка је веома важна. То значи да можете замислити веб страницу на рачунару лако као Цхромебоок. Можда чак користите Андроид таблет или рачунар од 50 УСД попут Распберри Пи.



ХТМЛ кодирање је приступачан, једноставан приступ разумевању програмирања и развоја. Стално морате да тестирате свој ХТМЛ код --- шта је боље од резултата уживо у прозору прегледача?

Погледајмо неке од најбољих онлине уређивача ХТМЛ -а који су тренутно доступни.





1. ЦодеПен

ЦодеПен је „окружење за друштвени развој“ за веб програмере, што у основи значи да је то мрежни уређивач са могућностима сарадње. Нуди једноставан распоред. Наћи ћете панел за ХТМЛ, панел за ЦСС и панел за ЈаваСцрипт, плус један за преглед у реалном времену. Све величине панела се могу подесити повлачењем ивица около.

Можете створити „оловке“ које су попут појединачних игралишта за прилагођавање веб кода. Више оловака може се груписати заједно у збирке.





Док је регистрација за основну употребу бесплатна, приватне оловке и збирке захтевају: Професионални налог . Ово почиње од 8 УСД месечно и укључује хостинг имовине, теме за уградњу, сарадњу у реалном времену и приступ потпуном ЦодеПен-овом ИДЕ-у за веб развој.

Многи људи сматрају ЦодеПен најбољим мрежним ХТМЛ уређивачем. Испробајте да видите да ли одговара вашим потребама.

2. ЈСФиддле

ЈСФиддле је отприлике оно што звучи: песковник у коме се можете петљати по ЈаваСцрипт -у. Вероватно знате да ЈаваСцрипт иде руку под руку са ХТМЛ -ом и ЦСС -ом. То значи да помоћу ЈСФиддле -а можете уредити сва три одједном помоћу интерфејса за уређивање ЈСФиддле -а.

Ако желите, можете потпуно прескочити ЈаваСцрипт.

Оно што је лепо код ЈСФиддле -а је то што можете додати спољне захтеве на бочну траку. Ово вам омогућава да укључите ЈаваСцрипт и ЦСС датотеке ван сајта за побољшање ХТМЛ-а. Такође је корисно дугме Тиди, које аутоматски чисти удубљења вашег кода, док клик на Цоллаборате омогућава онлајн сарадњу у реалном времену.

Једини недостатак је што морате притиснути дугме Покрени да бисте ажурирали таблу за преглед.

3. ЈСБин

Размотрите ЈСБин као једноставнију и чистију алтернативу ЈСФиддле -у. Можете уредити било коју комбинацију ХТМЛ -а, ЦСС -а и ЈаваСцрипт -а само пребацивањем панела са горње траке са алаткама. За максималну флексибилност, према потреби можете такође пребацити плочу за преглед и плочу конзоле.

како да избришете последњи налог

Али док вам ЈСФиддле омогућава повезивање спољних ЦСС и ЈаваСцрипт ресурса, ЈСБин вас ограничава на унапред дефинисане ЈаваСцрипт библиотеке. Избор је ипак добар, у распону од јКуери до Реацт до Ангулар и више.

Иако је ЈСБин бесплатан и не захтева налог, биће вам потребан Професионални налог за напредне функције. Ово укључује приватне корпе, прилагођена уметања, хостинг средстава, Дропбок синхронизацију и испразне УРЛ -ове за странице објављене путем ЈСБин -а.

Четири. Ливевеаве

Ливевеаве је визуелно сличан претходним уредницима, са пријатним корисничким интерфејсом. Као и ЈСФиддле, Ливевеаве омогућава сарадњу у реалном времену, а попут ЈСБин-а, омогућава вам повезивање унапред дефинисаних ресурса трећих страна, попут јКуери-ја.

Али има и неколико јединствених карактеристика. Лорем Ипсум Генератор ствара текст чувара места на вашој тренутној позицији курсора. ЦСС Екплорер пружа ВИСИВИГ алат за креирање ЦСС стилова, а Цолор Екплорер вам помаже да одаберете савршене боје. У међувремену, Вецтор Едитор вам омогућава да креирате векторску графику за своју веб локацију.

нетфлик како искључити титлове

5. ХТМЛхоусе

ХТМЛхоусе је добра опција ако вам је стало само до ХТМЛ -а (тј. Без ЦСС -а или ЈаваСцрипт -а). Чист и минималан, подељен вертикално са уређивањем на левој страни и прегледом у реалном времену на десној страни.

Корисна је могућност објављивања ХТМЛ -а и приватног дељења (путем приватног УРЛ -а) или јавно (додато у ХТМЛхоусе страница за преглед ). Једноставно је, али ефикасно, и ту се појављује и уређује ХТМЛ уређивач на мрежи.

Имајте на уму да су ХТМЛхоусе креирали и одржавају људи на адреси Врите.ас , мрежни алат за писање без ометања. Имајте ово на уму ако планирате да пишете сопствени садржај веб локације.

6. ХТМЛГ

Друга опција ХТМЛГ следи исти образац коришћења кода и прозора за преглед за ХТМЛ. Међутим, овај алат не укључује ЦСС и ЈаваСцрипт у оквиру истог обједињеног пројекта. Уместо тога, ако желите да их уредите, мораћете да отворите нову картицу и уредите их као засебне пројекте.

Ово га чини идеалним за чиста ХТМЛ подешавања и тестирање кода у вашем прегледачу; мање ако желите да укључите ЦСС измене.

Имајте на уму да постоји ограничење од 300 речи ако тестирате целе веб странице са ХТМЛГ-ом. Да бисте то повећали, можете се пријавити на премиум верзију без огласа, већ од 5,80 УСД месечно.

7. Дабблет

Нудећи мало другачији приступ онлине уређивачима ХТМЛ -а, Дабблет дели екран на два, а не на три/четири окна. Дакле, имате приказ за ХТМЛ и резултат и посебан (али повезан) приказ за ЦСС и резултат.

Ово нуди више простора, дајући јаснији приказ кода и прегледа. Надаље, уграђени в3.орг ХТМЛ и ЦСС валидатор наглашава све проблеме.

Ако вам је потребан чист простор на радној површини за тестирање кода ваше веб локације, ово би могао бити најбољи ХТМЛ уређивач за вас.

Користите најбоље мрежне ХТМЛ уређиваче да бисте побољшали своје вештине

Ако је ваша једина изложеност ХТМЛ -у оно што сте научили пре десет година, сада је време да то надокнадите. ХТМЛ5 објављен 2014. године и увео је прегршт нових стандарда и функција. Нисте сигурни одакле почети? Погледајте ове битне нове ХТМЛ5 елементе.

Желите да научите добре праксе у ХТМЛ5 веб дизајну и развоју? Проверите ово веб странице са примерима квалитетног ХТМЛ кодирања . Такође бисте требали погледати ове друге алате за надоградњу вештина развоја веба.

Објави Објави Твеет Емаил 15 Команде Виндовс командне линије (ЦМД) које морате знати

Командна линија је и даље моћан алат за Виндовс. Ево најкориснијих ЦМД команди које сваки Виндовс корисник треба да зна.

Прочитајте следеће
Повезане теме
  • Програмирање
  • Текст едитор
  • Веб Девелопмент
  • ВИСИВИГ Уредници
  • ХТМЛ5
  • Скриптирање
О аутору Цхристиан Цавлеи(1510 објављених чланака)

Заменик уредника за безбедност, Линук, уради сам, програмирање и објашњење технологије и заиста користан произвођач подцаста, са великим искуством у подршци за десктоп и софтвер. Сарадник часописа Линук Формат, Цхристиан је љубитељ Распберри Пи -а, љубитељ Лега и љубитељ ретро игара.

Више од Цхристиана Цавлеија

Претплатите се на наш билтен

Придружите се нашем билтену за техничке савете, критике, бесплатне е -књиге и ексклузивне понуде!

Кликните овде да бисте се претплатили