[AndreasB]

Ich suche einen konfigurierbaren Online-CSS-Beautifier.

Für meinen Texteditor BBEdit konnte ich nichts Entsprechendes finden.


Besonders wichtig ist mir die Option, dass bei der geringen Anzahl von 2 Selektoren diese nebeneinanser stehen und nicht untereinander. Dito für Eigenschaften.



Hübsch finde ich dann noch das Weglassen des Trennzeichens bei der jeweils letzten Deklaration.

Prima wären auch Sortieroptionen wie:
Shorthand vor Standard-Deklarationen.

Und eine Reihenfolge bei Deklarationen für 4 Seiten einer Box:
top, right, bottom, left

Bei Deklarationen dieses Typs gibt es auch eine Ausnahme von der Regel "maximal zwei Deklarationen pro Zeile".
Diese Deklarationen stehen immer in einer Zeile, auch wenn es mehr als 2 sind.


Beispiel:

selector {
property: value }

selector1, selector2 {
property: value }

selector1,
selector2,
selector3,
selector4,
selector5 {
property: value }

selector {
property1: value; property2: value }

selector {
property1: value;
property2: value;
property3: value;
property4: value;
property5: value }

selector1,
selector2,
selector3,
selector4,
selector5 {
property1: value;
property2: value;
property3: value;
property4: value;
property5: value }

selector {
padding-top: value; padding-right: value }

selector {
padding-top: value; padding-right: value; padding-bottom: value }

Kennt ihr einen Beautifier, der das kann? Danke.

Aber vermutlich ist man mit solchen Wünschen chancenlos.

[basti1012]

Kennst du den schon
CSS Lint

und danach noch unnötige Semikolions und anderen Kram entfernen

https://www.css-minifier.com/

[cloned]

Linting is not formatting, das wird ihm hier also eher wenig helfen.
Für formatierung im Editor kann ich eigentlich nur prettier empfehlen https://prettier.io/docs/en/index.html
Hier auch die nächsten Seiten lesen wie zB "Option Philosophy" https://prettier.io/docs/en/option-philosophy.html

Andreas wird damit nicht glücklich werden, aber einen Formatter der genau an seinen Wünschen angepasst ist wird er nicht finden. (aus angesprochenen Punkten wie bei option-philosophy von prettier, es gibt einfach zu viele Meinungen)

[basti1012]

Habe da leicht was missverstanden.
Dann muss man sich selber was bauen.
Man brauch ja theoretisch nur einen nehmen wie
https://github.com/jakubpawlowicz/clean-css
der erfüllt schon einiges an seinen vorgaben.

Das andere, was er noch brauch, muss man sich dann da einbauen (Notfalls die JS Dateien von anderen Cleaner,Beautifierer ausbauen und nutzen).

[AndreasB]

@basti

Schade, dass es offenbar keine Formatierungstools mit GUI gibt (ich tue mich schwer mit Kommandozeilen-Werkzeugen). Ein wenig erstaunt es mich, weil die Aufgabe ja nicht wirklich exotisch ist.

Insbesondere, wenn man mal Code übernimmt, den man nicht selber geschrieben hat, dann möchte man ihn erstmal in die vertraute Form bringen.
Über eine Gesamtheit von Dateien in diversen Unternordnern.

Nun gut, gibt es nicht, Pech.

[cloned]

In der Form wie du es dir wünscht ist es sehr exotisch. Idealerweise werden Projekte im Team gemacht, da muss sich auf eine Formatierung geeinigt werden (oder jeder überschreibt die Formatierung des anderen, was dann im Versionierungstool nicht schön anzusehen ist)
Deshalb läuft so ein formatter automatisch bei jedem speichern der Datei über den Code, man muss sich als Entwickler nicht darum kümmern. Und dieses "läuft automatisch" funktioniert eben über kommandozeilen Tools.
Bei der automatisierung von Aufgaben ist das nicht wegzudenken und wird auch von so ziemlich jedem profesionellen Entwicklungsteam so eingesetzt.
Falls du nur etwas für dich als alleinigen Entwickler suchst was exakt auf deine Bedürfnisse zugeschnitten ist dann wirst du leider Pech haben.

Klar, die Kommandozeilen-Sachen sind nicht unbedingt schön zu lernen, aber wenn man einmal produktiv benutzt hat ist man doch viel schneller damit.

Hat jetzt leider nichts dirket mit dem Thema zu tun aber ich wollte es trotzdem hier anbringen.