> ## Documentation Index
> Fetch the complete documentation index at: https://help.scribe-mail.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Przegląd edytora

> Poznaj edytor podpisów Scribe i zobacz, jak panel drzewa, kanwa, panel stylów, górny pasek i pasek akcji wspólnie tworzą podpisy e-mailowe.

Edytor Scribe to miejsce, w którym projektujesz swoje podpisy e-mailowe. Ma układ trzech paneli, podobny do narzędzi projektowych takich jak Figma czy Framer: [panel drzewa](/pl/editor/tree-panel) po lewej, [obszar roboczy](/pl/editor/canvas) na środku oraz [panel stylów](/pl/editor/styling-panel) po prawej.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/editor-overview-three-panel-layout.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=b921c9bfe8ba7ac80bfc5599c483157e" alt="Trzypanelowy układ edytora Scribe z drzewem, kanwą i panelem stylizacji" width="3456" height="1928" data-path="images/editor-overview-three-panel-layout.png" />
</Frame>

## Układ

**Panel drzewa (po lewej)**: pokazuje hierarchiczną strukturę podpisu w postaci zwijanego drzewa. Pojawia się tu każdy blok podpisu: kolumny, bloki tekstu, obrazy, banery. Z tego panelu zaznaczasz, zmieniasz kolejność, duplikujesz, ukrywasz i usuwasz bloki.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/editor-overview-tree-panel.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=e00a98504c39679c23f6b1a558016e7d" alt="Lewy panel drzewa z hierarchią bloków podpisu" title="Lewy panel drzewa z hierarchią bloków podpisu" className="mx-auto" style={{ width:"34%" }} width="728" height="1764" data-path="images/editor-overview-tree-panel.png" />
</Frame>

**Kanwa (środek)**: podgląd podpisu na żywo, który aktualizuje się w czasie rzeczywistym wraz z wprowadzanymi zmianami. Aby zaznaczyć blok, kliknij go bezpośrednio w kanwie lub skorzystaj z panelu drzewa. Kanwa pokazuje rzeczywiste dane członków zespołu ze Smartfields, więc widzisz, jak podpis naprawdę będzie wyglądać.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/editor-overview-canvas-center.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=5015dd3876200251071a928ce99ebeff" alt="Środkowy panel z kanwą edytora i podglądem podpisu na żywo" title="Środkowy panel z kanwą edytora i podglądem podpisu na żywo" className="mx-auto" width="2156" height="1746" data-path="images/editor-overview-canvas-center.png" />
</Frame>

**Panel stylizacji (po prawej)**: pojawia się po zaznaczeniu bloku. Pokazuje wszystkie opcje stylizacji wybranego bloku — właściwości układu, formatowanie tekstu, kolory, odstępy oraz połączenia ze Smartfields. Dostępne opcje zmieniają się w zależności od typu zaznaczonego bloku.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/editor-overview-styling-panel.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=e8248501203acf14c76286f788b4b7cf" alt="Prawy panel stylizacji z opcjami konfiguracji bloku" title="Prawy panel stylizacji z opcjami konfiguracji bloku" className="mx-auto" style={{ width:"33%" }} width="696" height="1766" data-path="images/editor-overview-styling-panel.png" />
</Frame>

## Górny pasek

[Górny pasek](/pl/editor/editor-top-bar) pokazuje kluczowe informacje i działania:

* **Strzałka wstecz**: powrót do strony szczegółów podpisu
* **Nazwa i status podpisu**: pokazuje nazwę podpisu, liczbę przypisanych członków zespołu oraz bieżący status (wersja robocza lub opublikowany)
* **Szablony**: przeglądaj bibliotekę szablonów, aby zacząć od gotowego projektu
* **Kontrola jakości**: uruchamia sprawdzenie zgodności projektu podpisu. Kliknij, aby zobaczyć listę kontrolną weryfikującą, czy podpis dopasowuje się responsywnie do wszystkich rozmiarów ekranu, działa we wszystkich klientach pocztowych i przeglądarkach, sprawdza się na komputerze, telefonie i tablecie, ładuje się szybko dzięki lekkiemu kodowi HTML, wyświetla się poprawnie podczas tworzenia e-maili oraz zachowuje proporcje obrazów na wszystkich platformach. Przed opublikowaniem wszystkie kontrole powinny być zielone.
* **Podgląd**: otwórz okno podglądu, aby zobaczyć, jak podpis wygląda dla każdego członka zespołu
* **Opublikuj**: wprowadź zmiany w projekcie na żywo. Po opublikowaniu aktualizacje są automatycznie wysyłane do wszystkich członków zespołu, którzy mają zainstalowany podpis.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/editor-overview-top-bar.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=c72972192e2a0ce27e68763eee6cbed9" alt="Górny pasek edytora z działaniami Templates, Quality check, Preview i Publish" width="3456" height="176" data-path="images/editor-overview-top-bar.png" />
</Frame>

## Pasek działań

Na dole obszaru roboczego pasek działań udostępnia:

* **Cofnij / Ponów**: przejdź krok wstecz lub do przodu między zmianami
* **Uchwyt przeciągania**: zmień położenie widoku obszaru roboczego
* **Sterowanie powiększeniem**: powiększ (+), pomniejsz (−) lub ustaw konkretny poziom powiększenia (np. 100 %)

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/editor-overview-action-bar.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=8ffc4d4f58a9e87a76920ddacdaed15a" alt="Pasek działań edytora z opcjami cofnij, ponów i sterowaniem powiększeniem" title="Pasek działań edytora z opcjami cofnij, ponów i sterowaniem powiększeniem" className="mx-auto" style={{ width:"66%" }} width="668" height="226" data-path="images/editor-overview-action-bar.png" />
</Frame>

## Powiązane artykuły

* [Pasek akcji](/pl/editor/action-bar)
* [Dodawanie bloków](/pl/editor/add-blocks)
* [Tworzenie układów z kolumnami i wierszami](/pl/editor/building-layouts-with-columns-and-rows)