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
Valitse kielivälilehti
Valitse kohde vaihtamalla JavaScript- tai CSS-välilehteä
Liitä koodi
Syötä muotoiltava lähdekoodi syöttökenttään
Aseta tyyli
Valitse sisennyksen leveys ja sulkutyyli mieltymystesi mukaan
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
Perustiedot
Koodin muotoilu (formatointi)
Koodin muotoilu tarkoittaa ulkoasun yhdenmukaistamista säännöllisesti noudattaen samalla kun toiminnallisuus säilyy. Muotoilu koskee sisennystä, rivinvaihtoja ja sulkeiden sijoittelua. Kun kirjoitustyylien vaihtelut poistuvat, monihenkisessä kehityksessä muutokset ovat helpompia lukea ja koodikatselmus vaatii vähemmän työtä.
Mikä on Prettier
Prettier on koodiformaattori, jota käytetään laajasti JavaScriptin ja CSS:n muotoilussa. Se on suunniteltu periaatteella, jossa yksityiskohtaiset kirjoitustyylien keskustelut jätetään työkalun vastuulle, mikä varmistaa yhdenmukaisen muotoilun.
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.
Seuraa RAKKOTOOLSia Google-haulla
175 kätevää työkalua löytyy helpommin Google-haulla ja tekoäly-haulla!
- Löytyy haulla
- Näkyy myös tekoäly-haulla
- Löydä uusia työkaluja
Päivitykset
- update #216
Korjattu ongelma, jossa japaninkielinen teksti näyttää muilla kuin japaninkielisillä sivuilla joissakin työkaluissa
Suositut työkalut
175 ilmaista verkkotyökalua käytettävissä heti!