Utilia

Editor Markdown cu previzualizare

Scrie în Markdown cu previzualizare live și sigură, tabele și liste de sarcini GFM, număr de cuvinte, salvare automată și export în .md sau .html.

Previzualizare

Cuvinte
0
Caractere
0
Timp de citire
0 min

Cum folosești editorul Markdown

  1. Scrie sau lipește Markdown în câmpul Markdown. Previzualizare de lângă el (dedesubt, pe telefon) se actualizează pe măsură ce scrii.
  2. Folosește butoanele de Formatare (Aldin, Cursiv, Titlu, Link, Listă, Citat, Cod) ca să încadrezi textul selectat sau apasă Ctrl+B / Ctrl+I (⌘B / ⌘I pe Mac).
  3. Păstrează bifat GitHub Flavored Markdown (tabele, liste de sarcini, \~\~tăiat\~\~, linkuri automate) pentru sintaxa folosită pe GitHub sau debifează-l pentru un Markdown simplu, în stil CommonMark.
  4. Când ai terminat, apasă Copiază HTML ca să lipești HTML-ul într-un sistem de administrare a conținutului sau într-un șablon de e-mail, Descarcă .md ca să salvezi sursa Markdown sau Descarcă .html ca să obții o pagină web completă.

Contoarele de sub editor arată Cuvinte și Caractere din documentul tău și un Timp de citire estimat la 200 de cuvinte pe minut. Cuvintele se numără în textul randat, deci simbolurile Markdown precum # sau ** nu umflă numărul.

Salvare automată în browser

Cu Salvare automată în acest browser bifat, ciorna ta este salvată la scurt timp după ce nu mai scrii, în spațiul de stocare local al browserului, pe acest dispozitiv. Când revii, ultima ciornă este restaurată. Nimic nu este trimis către un server, deci ciorna nu te urmează pe alt browser sau dispozitiv. În navigarea privată, sau dacă spațiul de stocare este plin ori blocat, instrumentul te anunță că salvarea automată nu este disponibilă: descarcă textul ca să-l păstrezi. Debifarea opțiunii șterge ciorna salvată.

Memorator Markdown

  • Titluri: # Titlu, ## Secțiune, ### Subsecțiune
  • Evidențiere: **aldin**, _cursiv_, ~~tăiat~~ (GFM)
  • Linkuri: [text](https://example.com); cu GFM, și adresele simple devin linkuri
  • Imagini: ![descriere](data:image/png;base64,…)
  • Liste: - element sau 1. element; liste de sarcini cu - [ ] și - [x] (GFM)
  • Citate: > text citat
  • Cod: `în linie` sau un bloc între două linii cu trei apostrofuri inverse
  • Tabele (GFM): un rând de antet, o linie | --- | --- |, apoi câte un rând pe linie

Siguranța previzualizării și a exportului

Markdown poate conține HTML brut, în care ar putea fi ascunse scripturi. De fiecare dată când previzualizarea este reîmprospătată, HTML-ul produs de motorul Markdown este curățat cu DOMPurify înainte de afișare: scripturile, gestionarii de evenimente precum onclick, linkurile javascript:, stilurile în linie, formularele, cadrele și mediile încorporate sunt eliminate. Linkurile se deschid într-o filă nouă. Același HTML curățat este folosit de Copiază HTML și Descarcă .html, deci îl poți lipi în alte pagini cu încredere.

Previzualizarea afișează doar imagini încorporate ca adrese data: sau blob:. Imaginile aflate la distanță, precum https://…/foto.jpg, nu sunt încărcate niciodată: politica de securitate a paginii le blochează, iar asta înseamnă și că previzualizarea nu poate fi folosită pentru a te urmări. Instrumentul îți spune câte imagini nu a putut afișa. Markdown-ul pe care îl descarci păstrează linkurile originale ale imaginilor, deci ele vor funcționa oriunde îl publici.

Fișierul .html este o pagină de sine stătătoare, cu o foaie de stil mică încorporată (fonturi lizibile, tabele, blocuri de cod și mod întunecat). Titlul lui provine din primul titlu al documentului tău, care dă și numele fișierelor descărcate. Diacriticele românești (ă, â, î, ș, ț) sunt păstrate corect, pentru că fișierele sunt salvate în UTF-8.

Întrebări frecvente

Ce este GitHub Flavored Markdown?

GFM este dialectul Markdown folosit pe GitHub și pe multe alte site-uri. Adaugă tabele, liste de sarcini, text tăiat și linkuri automate la sintaxa de bază. Debifează opțiunea ca să vezi cum arată textul tău fără aceste extensii.

Pot folosi HTML în Markdown-ul meu?

Da, HTML de bază precum <details>, <sup> sau <kbd> funcționează. Tot ce nu este sigur este eliminat, la fel ca stilurile și etichetele pentru media.

De ce nu apare imaginea mea?

În previzualizare sunt afișate doar imaginile data: și blob:; imaginile aflate la distanță sunt blocate. Linkul rămâne în Markdown-ul tău și funcționează după publicare.

Este documentul meu privat?

Da. Randarea, exportul și salvarea automată au loc în browserul tău. Ciorna este stocată doar pe acest dispozitiv, iar salvarea automată poate fi oprită oricând.

Ce motor Markdown este folosit?

Instrumentul folosește marked, un parser Markdown rapid și foarte răspândit, și DOMPurify pentru a curăța HTML-ul. Ambele se încarcă doar la pornirea editorului.