Online usluge

JavaScript urednici na mreži

JS urednik na mreži

Metoda 1: PlayCode

PlayCode je napredni uređivač koda koji podržava JavaScript i sve osnovne značajke punopravnog razvojnog okruženja. U njemu možete kombinirati HTML, CSS i JS razvoj, prebacujući se između dokumenata u bilo koje prikladno vrijeme.

Idite na internetsku uslugu PlayCode

  1. Da biste pokrenuli uređivač, kliknite gumb "Otvori uređivač".

    2. Prelazak na uređivanje JavaScript koda putem internetske usluge PlayCode

  2. Stvorit će se osnovni predložak koji se, ako je potrebno, može obrisati i početi pisati skripte ispočetka u istom bloku uređivača.

    3. Pogledajte uzorak JavaScript koda putem internetske usluge PlayCode

  3. Dostupna je promjena veličine svih postojećih blokova koja se provodi pomicanjem krajnjeg okvira. Pripremite svoj radni prostor unaprijed kako biste olakšali daljnji razvoj.

    4. Promjena veličine područja za uređivanje JavaScript-a putem internetske usluge PlayCode

  4. Sve promjene koje napravite odmah se odražavaju na zaslonu, jer je način rada uživo uključen prema zadanim postavkama.

    5. Automatska kompilacija rezultata uređivanja JavaScript-a putem internetske usluge PlayCode

  5. Onemogućite ga deaktiviranjem odgovarajućeg gumba koji se nalazi u gornjem desnom dijelu. Tada će se kompilacija morati pokrenuti samostalno klikom na ikonu s trokutom.

    6. Onemogućite automatsku kompilaciju JavaScript-a putem internetske usluge PlayCode

  6. Upotrijebite ugrađene savjete za brzo upisivanje važnih naredbi. Dovoljno je napisati samo nekoliko slova, a ostatak će se sadržaja automatski zamijeniti. Isto se odnosi na navodnike ili zagrade koji se automatski stavljaju.

    7. Automatska zamjena fraza prilikom uređivanja JavaScript-a putem internetske usluge PlayCode

  7. Konzola se prikazuje dolje lijevo. Ako se tijekom obrade koda pojave pogreške, odmah će se pojaviti obavijest s analizom netočnosti.

    8. Pregled konzole tijekom uređivanja JavaScript-a putem internetske usluge PlayCode

  8. Prebacujte se između JS, HTML i CSS datoteka putem lijeve ploče.

    9. Prebacivanje između dokumenata prilikom uređivanja JavaScript-a putem internetske usluge PlayCode

  9. Uz to, u PlayCodeu postoje i drugi predlošci, prikazani kao jednostavne skripte ili čak igre s korisničkom interakcijom. Možete im doći klikom na gumbe s desne strane.

    10. Prebacite se na pregled predložaka JavaScript putem internetske usluge PlayCode

  10. Odmah ćete se upoznati s rezultatom rezultata i možete ručno urediti kôd kako biste ga primijenili u budućem projektu.

    11. Pregledajte i upravljajte JavaScript predlošcima putem internetske usluge PlayCode

  11. Ako planirate dalje surađivati ​​s PlayCodeom, preporuča se stvoriti novi račun. Nakon toga postat će dostupni alati za spremanje, objavljivanje i distribuciju projekata.

    12. Spremanje projekata uređivanja JavaScript-a putem internetske usluge PlayCode

Metoda 2: JsFiddle

Internetska usluga JsFiddle ima svoje osobine: na primjer, korisnik se može povezati s popularnim okvirima, kao i brzo se prebacivati ​​s jednog jezika na drugi za pisanje koda.

Idite na internetsku uslugu JsFiddle

  1. Jednom na glavnoj stranici JsFiddle možete odabrati jedan od predložaka za daljnje programiranje ili započeti pisanje koda ispočetka.

    2. Odabir predloška prije uređivanja JavaScript-a putem internetske usluge JsFiddle

  2. JS uređivač nalazi se na dnu i po potrebi se može promijeniti veličinom pomicanjem granica područja. Tu se odvija glavni postupak kodiranja.

    3. Uređivanje JavaScript-a putem JsFiddle Online Service

  3. Koristite padajući izbornik ako se želite prebaciti na staru verziju jezika ili odabrati drugi jezik.

    4. Odabir jezika za uređivanje JavaScript-a putem internetske usluge JsFiddle

  4. Pri vrhu su uređivači HTML i CSS podijeljeni u dva bloka i s njima možete komunicirati u bilo kojem trenutku jednostavnim prebacivanjem između njih.

    5. Rad na HTML-u i CSS-u tijekom uređivanja JavaScript-a putem mrežne usluge JsFiddle

  5. Za provjeru koda koristite gumb "Trčanje"... Nažalost, JsFiddle ne podržava kompajliranje u stvarnom vremenu.

    6. Pokretanje kompajliranja projekata JavaScript putem internetske usluge JsFiddle

  6. U malom prozoru konzole s desne strane prikazat će se informacije o uspješnoj kompilaciji ili informacije o pogreškama koje su se dogodile tijekom ovog postupka.

    7. Pogledajte izlaz konzole pri kompiliranju JavaScript-a putem internetske usluge JsFiddle

  7. Sam rezultat bit će prikazan u zasebnom području iznad konzole.

    8. Rezultat kompilacije JavaScript-a putem internetske usluge JsFiddle

  8. Upotrijebite padajući izbornik "Postavke"ako želite promijeniti izgled uređivača, prilagodite konzolu, parametre niza i ponašanje mrežne usluge.

    9. Postavke za uređivanje JavaScript-a putem internetske usluge JsFiddle

  9. U istom padajućem izborniku, koji je odgovoran za odabir programskog jezika, možete povezati okvir za osobne svrhe.

    10. Povezivanje okvira tijekom uređivanja JavaScript-a putem mrežne usluge JsFiddle

Ako želite spremiti projekt ili dobiti dodatnu funkcionalnost uređivača, morat ćete se registrirati na JsFiddle. Zatim pročitajte tarifne planove i odaberite jedan od njih u slučaju kada planirate kontinuirano koristiti mogućnosti mrežne usluge bez ikakvih ograničenja.

3. metoda: Prljave oznake

U zaključku želimo razgovarati o mrežnom uređivaču DirtyMarkup, koji se bitno razlikuje od prethodno razmotrenih po tome što nije namijenjen za pisanje koda ispočetka, već se koristi za njegovo dovođenje u normalno oblikovanje u automatskom načinu rada.

Idite na internetsku uslugu DirtyMarkup

  1. Na web mjestu DirtyMarkup prebacite se na "JS"klikom na odgovarajući gumb.

    2. Idite na izbor jezika za uređivanje JavaScript-a putem internetske usluge DirtyMarkup

  2. Sada možete zalijepiti sav kod koji treba formatirati u sam uređivač.

    3. Umetanje sadržaja za uređivanje JavaScript-a putem internetske usluge DirtyMarkup

  3. Označite graničnik, duljinu crte, vrstu kovrčavih zagrada i dodatne parametre za nju označavanjem.

    4. Konfiguriranje sadržaja za uređivanje JavaScript-a putem internetske usluge DirtyMarkup

  4. Primijenite mogućnosti uređivanja klikom "Čist".

    5. Pokretanje uređivanja JavaScript-a putem internetske usluge DirtyMarkup

Preostaje samo kopiranje rezultirajućeg sadržaja u ispravnom oblikovanju kako biste ga dalje koristili u razvojnom okruženju ili drugom mrežnom uređivaču JavaScript.