Utilia

Markdown-redigerare med förhandsvisning

Skriv Markdown med säker förhandsvisning i realtid, tabeller och uppgiftslistor, ordräkning, automatisk sparning och export till .md eller fristående .html.

Förhandsvisning

Ord
0
Tecken
0
Lästid
0 min

Så använder du Markdown-redigeraren

  1. Skriv eller klistra in Markdown i rutan Markdown. Förhandsvisning bredvid (under på en mobil) uppdateras medan du skriver.
  2. Använd knapparna under Formatering (Fet, Kursiv, Rubrik, Länk, Lista, Citat, Kod) för att omge den markerade texten, eller tryck Ctrl+B / Ctrl+I (⌘B / ⌘I på Mac).
  3. Låt GitHub Flavored Markdown (tabeller, uppgiftslistor, \~\~genomstrykning\~\~, autolänkar) vara markerat för syntaxen som används på GitHub, eller avmarkera det för vanlig Markdown i CommonMark-stil.
  4. När du är klar klickar du på Kopiera HTML för att klistra in HTML i ett publiceringssystem eller en e-postmall, Ladda ner .md för att spara Markdown-källan eller Ladda ner .html för att få en komplett webbsida.

Räknarna under redigeraren visar dokumentets Ord och Tecken samt en uppskattad Lästid med 200 ord per minut. Orden räknas i den renderade texten, så Markdown-tecken som # eller ** blåser inte upp antalet.

Automatisk sparning i webbläsaren

Med Spara automatiskt i den här webbläsaren markerat sparas ditt utkast en stund efter att du slutat skriva, i webbläsarens lokala lagring på den här enheten. När du kommer tillbaka återställs det senaste utkastet. Ingenting skickas till en server, så utkastet följer inte med till en annan webbläsare eller enhet. Vid privat surfning, eller om lagringsutrymmet är fullt eller blockerat, talar verktyget om att automatisk sparning inte är tillgänglig: ladda ner din text för att behålla den. Om du avmarkerar alternativet raderas det sparade utkastet.

Markdown-fusklapp

  • Rubriker: # Titel, ## Avsnitt, ### Underavsnitt
  • Betoning: **fet**, _kursiv_, ~~genomstruken~~ (GFM)
  • Länkar: [text](https://example.com). Med GFM blir även nakna webbadresser länkar
  • Bilder: ![beskrivning](data:image/png;base64,…)
  • Listor: - punkt eller 1. punkt. Uppgiftslistor med - [ ] och - [x] (GFM)
  • Citat: > citerad text
  • Kod: `i texten` eller ett block mellan två rader med tre backticks
  • Tabeller (GFM): en rubrikrad, en rad med | --- | --- | och sedan en rad per tabellrad

Säkerheten i förhandsvisningen och exporten

Markdown kan innehålla rå HTML som kan dölja skript. Varje gång förhandsvisningen uppdateras rensas HTML-koden som Markdown-motorn skapar med DOMPurify innan den visas: skript, händelsehanterare som onclick, javascript:-länkar, inbäddade stilar, formulär, ramar och inbäddade medier tas bort. Länkar öppnas i en ny flik. Samma rensade HTML används av Kopiera HTML och Ladda ner .html, så du kan klistra in den på andra sidor med gott förtroende.

Förhandsvisningen visar bara bilder som är inbäddade som data:- eller blob:-webbadresser. Bilder från andra webbplatser, som https://…/foto.jpg, läses aldrig in: sidans säkerhetspolicy blockerar dem, och det innebär också att förhandsvisningen inte kan användas för att spåra dig. Verktyget talar om hur många bilder det inte kunde visa. Markdown-filen du laddar ner behåller de ursprungliga bildlänkarna, så de fungerar där du publicerar den.

Filen .html är en fristående sida med en liten inbyggd stilmall (läsbara typsnitt, tabeller, kodblock och ett mörkt läge). Dess titel kommer från den första rubriken i ditt dokument, som också ger namn åt de nedladdade filerna. Svenska tecken som å, ä och ö sparas i UTF-8 och visas korrekt.

Vanliga frågor

Vad är GitHub Flavored Markdown?

GFM är den Markdown-dialekt som används på GitHub och många andra webbplatser. Den lägger till tabeller, uppgiftslistor, genomstrykning och automatiska länkar till den grundläggande syntaxen. Avmarkera alternativet för att se hur din text återges utan de här tilläggen.

Kan jag använda HTML i min Markdown?

Ja, enkel HTML som <details>, <sup> eller <kbd> fungerar. Allt osäkert tas bort, liksom stilar och mediataggar.

Varför visas inte min bild?

Bara data:- och blob:-bilder visas i förhandsvisningen. Bilder från andra webbplatser blockeras. Länken finns kvar i din Markdown och fungerar när sidan är publicerad.

Är mitt dokument privat?

Ja. Återgivning, export och automatisk sparning sker i din webbläsare. Utkastet lagras bara på den här enheten, och du kan stänga av automatisk sparning när som helst.

Vilken Markdown-motor används?

Verktyget använder marked, en snabb och mycket använd Markdown-tolk, och DOMPurify för att rensa HTML. Båda läses in först när redigeraren startar.