JavaScript / CSS muotoilu

Muotoile JavaScript- ja CSS-lähdekoodi

Ominaisuudet

Muotoilee sekä JS:ää että CSS:ää

Muotoile JavaScript ja CSS erikseen välilehteä vaihtamalla

Valitse sisennys 4 vaihtoehdosta

Tukee 2 välilyöntiä, 4 välilyöntiä, sarkainta ja tiivistystä

Valittavissa oleva sulkutyyli

Määritä JS:ssä, tuleeko avaava sulje samalle riville vai rivinvaihdon jälkeen

Vakaa Prettier-pohjainen muotoilu

Vakaat tulokset suositun muotoilukirjaston ansiosta

Käyttöohje

1

Valitse kielivälilehti

Valitse kohde vaihtamalla JavaScript- tai CSS-välilehteä

2

Liitä koodi

Syötä muotoiltava lähdekoodi syöttökenttään

3

Aseta tyyli

Valitse sisennyksen leveys ja sulkutyyli mieltymystesi mukaan

4

Suorita muotoilu

Muotoilupainikkeen painaminen näyttää tuloksen, jonka voi kopioida tai tallentaa

Käyttötapaukset

Muotoilu ennen koodikatselmusta

Siisti sekava koodi yhtenäiseen muotoon ja sujuvoita katselmusta

Tiivistetyn koodin luettavaksi

Pura minifoitu koodi auki ja tulkitse sen sisältö

Toimituskoodin tiivistäminen

Pienennä tiedostokokoa jakelua varten tiivistysvalinnalla

Oppimisesimerkkien siistiminen

Siisti kopioitu koodi helppolukuiseksi ymmärtämisen tueksi

Turvallisuus ja yksityisyys

Käsittely selaimessa

Syötetyt tiedot käsitellään vain selaimessasi, eikä niitä lähetetä ulkopuolelle.

Käsittely vain selaimen sisällä

koodin muotoilu käsitellään kokonaan selaimessasi, ja syötetyt tiedot eivät lähde palvelimelle.

Tietoliikenne salattu HTTPS:llä

Sivun lataus salataan myös TLS:llä, eikä kolmannet osapuolet pääse lukemaan sisältöä.

Ei lähetystä kolmansille osapuolille

Syöttötietoja ei lähetetä ulkoisille palveluille, kuten mainontaverkkoihin tai seurantapalveluihin.

Tulosten automaattinen tallennus ei käytössä

muotoilun tulos ja syöteehdotuksia ei tallenneta palvelimelle.

Liittyvät työkalut