IMG.DIY / Πρόσθετα / Εξαγωγέας Μονάδων Διάταξης

Εξαγωγέας Μονάδων Διάταξης

Επικολλήστε ένα άρθρο → εξαγάγετε τα στιλιζαρισμένα μπλοκ του → αλλάξτε εικόνες, χρώματα και αντιγράψτε inline HTML που μπορείτε να επαναχρησιμοποιήσετε οπουδήποτε. Όλα μένουν στον περιηγητή σας.

Εξαγωγέας Μονάδων Διάταξης visual example
Το απόρρητο πάνω απ' όλα: τίποτα δεν ανεβαίνει.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

Εξαγωγέας Μονάδων Διάταξης: 1 · Choose input
1 · Choose input
Εξαγωγέας Μονάδων Διάταξης: 2 · Adjust and process
2 · Adjust and process
Εξαγωγέας Μονάδων Διάταξης: 3 · Download result
3 · Download result

Αν διαχειρίζεστε έναν Επίσημο Λογαριασμό WeChat (ή οποιαδήποτε έκδοση εμπλουτισμένου κειμένου), σίγουρα έχετε δει διατάξεις που θα θέλατε να επαναχρησιμοποιήσετε — μια κάρτα ενότητας με τίτλο, ένα μπλοκ «ακολουθήστε μας», μια στιλιζαρισμένη παράθεση, ένα διαχωριστικό. Η χειροκίνητη αντιγραφή τους σημαίνει σκάψιμο σε εμφωλευμένη HTML, και μία λάθος αλλαγή χαλάει ολόκληρο το SVG. Αυτό το εργαλείο κάνει τη βαρετή δουλειά για εσάς: επικολλήστε ένα άρθρο και εξάγει κάθε στιλιζαρισμένο μπλοκ ως ανεξάρτητη, επαναχρησιμοποιήσιμη μονάδα.

Από εκεί και πέρα μπορείτε να αλλάξετε τις εικόνες μέσα σε ένα μπλοκ (ανεβάστε νέα ή επικολλήστε ένα URL), να το χρωματίσετε ξανά κάνοντας κλικ σε οποιοδήποτε χρώμα χρησιμοποιεί, να αντιγράψετε το μπλοκ ως inline HTML έτοιμο για επικόλληση στον επεξεργαστή του WeChat, σε ένα CMS ή σε οποιοδήποτε πλαίσιο εμπλουτισμένου κειμένου — και να αποθηκεύσετε όσα σας αρέσουν σε μια τοπική βιβλιοθήκη που ζει σε αυτόν τον περιηγητή. Τίποτα δεν μεταφορτώνεται· τα υλικά σας είναι δικά σας.

Επειδή όλα εκτελούνται στην πλευρά του πελάτη με τα API Clipboard και localStorage, δεν υπάρχει λογαριασμός, cloud ή backend — η ίδια τοπική φιλοσοφία που διέπει και το υπόλοιπο IMG.DIY.

Οδηγίες χρήσης

  1. Επικολλήστε ένα άρθροΑντιγράψτε ένα άρθρο WeChat (ή οποιοδήποτε εμπλουτισμένο περιεχόμενο) και επικολλήστε το στο πλαίσιο. Μπορείτε επίσης να επικολλήσετε ακατέργαστο κώδικα HTML.
  2. Εξαγάγετε τις μονάδεςΠατήστε Εξαγωγή — κάθε στιλιζαρισμένο μπλοκ εμφανίζεται ως δική του κάρτα προεπισκόπησης, απομονωμένο ώστε τα στιλ της σελίδας να μην παρεμβαίνουν.
  3. Επεξεργαστείτε και επαναχρησιμοποιήστεΑλλάξτε εικόνες, χρώματα, μετά Αντιγραφή HTML για επικόλληση αλλού, ή Αποθήκευση στην τοπική σας βιβλιοθήκη για την επόμενη φορά.

Γιατί να εξάγετε μονάδες διάταξης αντί να τις ξαναχτίζετε

Τα όμορφα μπλοκ στα άρθρα του WeChat — κάρτες ενοτήτων με τίτλο, προτροπές «ακολουθήστε μας», στιλιζαρισμένες παραθέσεις, διαχωριστικά SVG — είναι σχεδόν πάντα χειροποίητη inline HTML και SVG. Το να ξαναχτίσετε ένα από το μηδέν σημαίνει να ταιριάξετε ακριβώς περιθώρια, χρώματα, ντεγκραντέ και εμφωλευμένα span, και μία λάθος αλλαγή καταρρέει το SVG. Η εξαγωγή του έτοιμου μπλοκ, αντίθετα, διατηρεί κάθε λεπτομέρεια ανέπαφη και το μετατρέπει σε κάτι που επαναχρησιμοποιείτε σε δευτερόλεπτα.

Αυτό το εργαλείο αναλύει το άρθρο που επικολλάτε και βγάζει κάθε στιλιζαρισμένο μπλοκ ως ανεξάρτητη μονάδα. Δεν αντιγράφετε ολόκληρη σελίδα σε μία μάζα· παίρνετε μια τακτοποιημένη λίστα από μεμονωμένα, επαναχρησιμοποιήσιμα κομμάτια — ακριβώς αυτό που θέλατε όταν είδατε μια ωραία διάταξη στην ανάρτηση κάποιου άλλου.

Τοπικό πρώτα, ώστε τα υλικά να είναι πραγματικά δικά σας

Οι επεξεργαστές cloud κρατούν τα αποθηκευμένα μπλοκ σας στους διακομιστές τους πίσω από έναν λογαριασμό. Εδώ η βιβλιοθήκη ζει στον δικό σας περιηγητή μέσω localStorage, και μπορείτε να την εξαγάγετε σε αρχείο JSON για αντίγραφο ασφαλείας ή μεταφορά μεταξύ μηχανημάτων. Τίποτα δεν μεταφορτώνεται, δεν υπάρχει εγγραφή, και η ανάλυση, η αλλαγή εικόνων και ο επαναχρωματισμός εκτελούνται όλα στη συσκευή σας με τα ίδια τα DOM και Clipboard API του περιηγητή.

Το πρακτικό όφελος είναι μια προσωπική, φορητή βιβλιοθήκη μονάδων που μεγαλώνει καθώς δουλεύετε: επικολλήστε ένα άρθρο, κρατήστε τα δύο-τρία μπλοκ που αξίζουν επαναχρησιμοποίηση, και την επόμενη φορά τραβήξτε τα κατευθείαν έξω ως inline HTML.

Πού το χρησιμοποιεί ο κόσμος

Επαναχρησιμοποιήστε μια διάταξη που σας άρεσε — Είδατε μια ωραία κάρτα με τίτλο ή ένα διαχωριστικό σε άλλο άρθρο — εξαγάγετέ το, χρωματίστε το στην επωνυμία σας και αντιγράψτε το στο δικό σας προσχέδιο.

Χτίστε ένα κιτ εταιρικού στιλ — Συγκεντρώστε τις επικεφαλίδες ενοτήτων, τα στιλ παραθέσεων και τις κάρτες «ακολουθήστε μας» που χρησιμοποιείτε σε κάθε τεύχος σε μία τοπική βιβλιοθήκη.

Αλλάξτε τις εικόνες σε ένα μπλοκ-πρότυπο — Κρατήστε μια αγαπημένη διάταξη κάρτας εικόνας και απλώς αντικαθιστάτε κάθε φορά την εικόνα με δική σας μεταφόρτωση.

Επαναχρωματίστε στην επωνυμία σας — Αλλάξτε το χρώμα τόνου ενός μπλοκ παντού ταυτόχρονα αντί να ψάχνετε μέσα σε inline στιλ.

Μεταφέρετε μπλοκ μεταξύ επεξεργαστών — Αντιγράψτε inline HTML που επικολλάται με το στιλ ανέπαφο στον επεξεργαστή του WeChat, σε CMS ή σε οποιοδήποτε πλαίσιο εμπλουτισμένου κειμένου.

Κρατήστε ένα ιδιωτικό, φορητό απόθεμα — Εξαγάγετε τη βιβλιοθήκη σας ως JSON για αντίγραφο ασφαλείας ή μεταφορά σε άλλον περιηγητή — χωρίς λογαριασμό, χωρίς cloud.

Γιατί IMG.DIY

Εξαγωγή μπλοκ

Εξάγει κάρτες SVG, επικεφαλίδες, παραθέσεις και διαχωριστικά ως ανεξάρτητες μονάδες.

Άμεση αλλαγή εικόνων

Αντικαταστήστε οποιαδήποτε εικόνα σε ένα μπλοκ με τη δική σας — μεταφόρτωση ή URL.

Επαναχρωματισμός με ένα κλικ

Κάντε κλικ σε οποιοδήποτε χρώμα χρησιμοποιεί ένα μπλοκ και αλλάξτε το παντού ταυτόχρονα.

Αντιγραφή inline HTML

Επικολλήστε απευθείας στον επεξεργαστή του WeChat, σε CMS ή σε οποιοδήποτε πλαίσιο εμπλουτισμένου κειμένου.

Τοπική βιβλιοθήκη

Αποθηκεύστε μονάδες σε αυτόν τον περιηγητή και κάντε εξαγωγή/εισαγωγή τους ως JSON.

Χωρίς μεταφόρτωση

Εκτελείται εξ ολοκλήρου στον περιηγητή σας — τα υλικά σας δεν φεύγουν ποτέ από τη συσκευή σας.

Συχνές ερωτήσεις

Πώς εισάγω το περιεχόμενο ενός άρθρου WeChat;
Ανοίξτε το άρθρο, επιλέξτε και αντιγράψτε το, μετά επικολλήστε το στο πλαίσιο — το εργαλείο διαβάζει την εμπλουτισμένη HTML από το πρόχειρό σας. Μπορείτε επίσης να επικολλήσετε ακατέργαστο κώδικα HTML.
Μπορεί να ανακτήσει άρθρο από URL;
Όχι απευθείας από URL — το WeChat μπλοκάρει τις διασταυρούμενες ανακτήσεις από τον περιηγητή για λόγους ιδιωτικότητας και ασφάλειας. Η αντιγραφή-επικόλληση είναι ο αξιόπιστος, πλήρως τοπικός τρόπος.
Πού αποθηκεύεται η βιβλιοθήκη μου;
Στο localStorage αυτού του περιηγητή — μόνο σε αυτή τη συσκευή. Χρησιμοποιήστε την Εξαγωγή για να δημιουργήσετε αντίγραφο ασφαλείας ως αρχείο JSON ή να τη μεταφέρετε σε άλλον περιηγητή.
Θα φαίνεται το ίδιο το αντιγραμμένο μπλοκ όταν επικολληθεί;
Αντιγράφει την αρχική inline HTML/SVG, οπότε σε επεξεργαστές που δέχονται εμπλουτισμένη HTML (WeChat, τα περισσότερα CMS) επικολλάται με το στιλ του ανέπαφο.
Μεταφορτώνεται κάτι;
Όχι. Η ανάλυση, η επεξεργασία και η αποθήκευση γίνονται όλα τοπικά στον περιηγητή σας.
Αντικαθιστά έναν επεξεργαστή όπως το Xiumi ή το 135;
Όχι — εκείνοι είναι πλήρεις επεξεργαστές προτύπων με μεγάλες βιβλιοθήκες cloud. Αυτό είναι ένας εστιασμένος εξαγωγέας και οργανωτής: βγάζει επαναχρησιμοποιήσιμα μπλοκ από περιεχόμενο που ήδη έχετε και τα κρατά τοπικά. Πολλοί χρησιμοποιούν και τα δύο.
Γιατί δεν μπορεί να εισάγει μέσω URL;
Οι περιηγητές εμποδίζουν μια σελίδα να ανακτήσει περιεχόμενο από το mp.weixin.qq.com μεταξύ διαφορετικών προελεύσεων, για λόγους ιδιωτικότητας και προστασίας από scraping. Η αντιγραφή-επικόλληση είναι η αξιόπιστη, πλήρως τοπική εναλλακτική και δεν χρειάζεται διακομιστή.
Θα αποδίδεται ακόμη αλλού το SVG ενός αποθηκευμένου μπλοκ;
Ναι — αποθηκεύει το αρχικό inline SVG/HTML, οπότε αποδίδεται οπουδήποτε γίνεται δεκτή inline HTML. Οι προεπισκοπήσεις εδώ απομονώνονται με Shadow DOM, ώστε τα στιλ του ίδιου του ιστότοπου να μη διαρρέουν ποτέ μέσα.
Υπάρχει όριο μεγέθους στη βιβλιοθήκη;
Χρησιμοποιεί localStorage (λίγα MB ανά ιστότοπο), οπότε πολύ μεγάλες εικόνες data-URI μπορούν να το γεμίσουν. Εξαγάγετε σε JSON για να αρχειοθετήσετε παλαιότερα μπλοκ και να κρατάτε μικρό το τρέχον σύνολο.

Σχετικά εργαλεία

Οδηγοί & συμβουλές