Jinsi gani nabadilisha HTML kuwa Markdown?

Bandika HTML yako kwenye kisanduku cha Ingizo la HTML, au tumia Pakia mfano. Matokeo ya Markdown yanasasishwa unapoandika. Bonyeza Nakili, au Pakua .md ili kuhifadhi matokeo kama faili.

Je, ninaweza kubandika moja kwa moja kutoka ukurasa wa wavuti, Word au Google Docs?

Ndiyo. Unapobandika maandishi yenye muundo, zana hiyo inachukua HTML yake kiotomatiki, kwa hivyo huhitaji kutazama chanzo kwanza. Matokeo ya Markdown yanaonekana upande wa kulia.

Ni vipengele vipi vya HTML vinavyobadilishwa?

Vichwa vya habari, aya, viungo, picha, herufi nzito, italiki, mkato, orodha zilizopangwa na zisizopangwa, nukuu za kuzuia, vizuizi vya msimbo, sheria za mlalo na majedwali ya msingi yanakuwa Markdown. Majedwali yanakuwa majedwali ya mabomba yenye safu ya kwanza kama kichwa.

Kwa nini mitindo yangu, hati au sifa za darasa zilitoweka?

Markdown haina sawa nazo, kwa hivyo mitindo ya ndani, madarasa, hati na maudhui ya kichwa yanaachwa. Majedwali changamano yanarahisishwa, kwa hivyo angalia matokeo kabla ya kuchapisha.

Je, HTML yangu inatumwa kwa seva ili kubadilishwa?

Hapana. Ubadilishaji unafanyika katika kivinjari chako kwa msimbo ulioandikwa kwa mkono na hakuna maktaba ya mtu wa tatu, kwa hivyo HTML yako inabaki kwenye kifaa chako. Haichukui picha, kwa hivyo viungo vya picha bado vinaelekeza kwa mwenyeji asilia.

Ndiyo. Kila zana ni bure kutumia, bila akaunti na bila kadi ya mkopo. Kazi inafanyika kwenye kifaa chako badala ya seva zetu, jambo linaloiwezesha kuwa bure kutumika.

Je, inafanya kazi kwenye simu?

Ndiyo. Inafanya kazi kwenye vivinjari vya kisasa vya simu vya iOS na Android, bila kusakinisha chochote.

📝

Kibadilishi cha HTML hadi Markdown bila malipo

Badilisha HTML kuwa Markdown safi. Inashughulikia vichwa, orodha, viungo, picha, vitalu vya msimbo, meza, na blockquotes. Kamili kwa kuhamisha maudhui kutoka CMS.

Inafanya kazi kwenye kivinjari chakoHakuna usajili, hakuna madirisha ibukiziHakuna kuingia kinachohitajikaBure milele

Inafanya kazi bila mtandao mara ikishapakia

Bandika HTML upande wa kushoto; Markdown safi itaonekana upande wa kulia. Markdown ni rahisi zaidi kuliko HTML, kwa hivyo mtindo, hati, na meza ngumu zinapendelezwa au kuachwa.

Ingizo la HTML

Kidokezo: biga maandishi yenye thamani nakili kutoka ukurasa wa wavuti, Word, au Google Docs - HTML yake hugambiliwa kiotomati.

Matokeo ya Markdown

Matokeo ya Markdown yataonekana hapa…

Matumizi ya kawaida

Hamisha Maudhui ya Blogi kwenye MarkdownGeuza machapisho ya zamani ya WordPress, Medium, au CMS nyingine kuwa Markdown kwa ajili ya jenereta za tovuti sura ya kawaida.
Geuza Maudhui ya Barua pepe kuwa MarkdownKutoa matini kutoka html barua pepe au makala za wavuti na kubadili kuwa Markdown safi kwa ajili ya programu za kuandika maelezo.
Geuza Nyaraka za HTML kuwa MarkdownSogeza nyaraka za HTML za kale kwenye mifumo ya nyaraka inayotegemea Markdown (Docusaurus, GitBook, MkDocs).
CMS Kusambaza UsafiSafisha HTML ambayo imehamiswa kutoka CMS na ibadilishe kuwa Markdown inayolingana na udhibiti wa toleo.
Andaa Maudhui ya HTML kwa Onyo za LLMGeuza maudhui ya HTML kuwa Markdown safi kwa ajili ya matumizi katika ChatGPT, Claude, au LLM zingine.

Jinsi Inavyofanya Kazi

Kibadilishaji hiki kimejengwa kuzunguka mfuatano wa regex ulioandikwa mwenyewe, usio na utegemezi — hakuna maktaba ya mtu wa tatu inayoingizwa. Ubadilishaji mzima unafanyika ndani ya kivinjari chako kupitia wito wa useMemo wa React, ukisasisha matokeo moja kwa moja unapoandika.

1
Ugunduzi wa kubandika unanasa maandishi tajiri
Kishughulikiaji cha ClipboardEvent kinasoma aina ya text/html kutoka clipboard kabla kivinjari hakijaweza kubandika maandishi wazi. Hii ina maana kubandika moja kwa moja kutoka ukurasa wa wavuti, Google Docs, au Word kunanasa kiotomatiki msimbo ghafi wa HTML — huhitaji kuona chanzo kwanza.
2
Mfuatano wa regex wa hatua-nyingi unaondoa na kubadilisha lebo
Kibadilishaji kinaendesha mpangilio thabiti wa hatua za regex: kwanza kinaondoa <head>, <script>, <style>, na maoni ya HTML, kisha kuhifadhi vizuizi vya msimbo vilivyofungwa nyuma ya alama za nafasi za baiti-null ili kuzuia hatua zinazofuata kuharibu maudhui ya msimbo. Hatua zinazofuata zinashughulikia vichwa (h1–h6), blockquotes, picha, viungo, unene/italiki/mkato, orodha zilizopangwa na zisizopangwa, na majedwali ya msingi ya pipe ya GFM — kila hatua inalenga familia maalum ya lebo.
3
Uondoaji simbo wa vitu na usanifishaji wa nafasi tupu
Baada ya lebo zote kuondolewa, kazi maalum ya decodeEntities inatatua vitu vyenye majina (&, <, n.k.) pamoja na marejeleo ya herufi ya desimali na hex ya nambari (', ') kwa kutumia String.fromCodePoint. Codepoint zilizoharibika au nje ya wigo zinabadilishwa na herufi ya badala ya Unicode badala ya kutoa hitilafu. Nafasi za mwisho, mfuatano ulioanguka wa mistari tupu, na nafasi tupu ya ziada kisha zinasanifishwa.
4
Vipande vya msimbo vilivyolindwa vinarejeshwa
Mfumo wa alama za nafasi (fahirisi zilizotenganishwa na baiti-null) unafunguliwa mwisho, baada ya kuondoa lebo, kuondoa simbo, na kubana nafasi tupu kukamilika. Hii inazuia mfuatano wa vitu ndani ya herufi za msimbo kuondolewa simbo mara mbili — hitilafu ya kawaida ya kuondoa-simbo-mara-mbili kwenye vibadilishaji visivyo makini vya HTML-kwenda-Markdown.

Zana Zinazohusiana

🔄

Kibadilishi cha Markdown hadi HTML

Badilisha Markdown kuwa HTML safi na mwonekano wa moja kwa moja. Tumia mtazamo wa chanzo kunakili HTML tayari kubandika kwa blogi, CMS, au violezo vya barua pepe.

Jaribu

📝

Mhariri wa Markdown

Andika na uhakiki Markdown kwa wakati halisi. Inasaidia vichwa, herufi nzito, herufi za italiki, vitalu vya msimbo, meza, na orodha.

Jaribu

🏷️

Msimbo & Msimbulivu wa HTML

Simba herufi maalum hadi vipande vya HTML au simbulivu vipande kurudi kwa maandishi ya kawaida. Haraka, kwenye kivinjari chako.

Jaribu

Kibadilishi cha HTML hadi Markdown bila malipo

Matumizi ya kawaida

Jinsi Inavyofanya Kazi

Zana Zinazohusiana

Kibadilishi cha Markdown hadi HTML

Mhariri wa Markdown

Msimbo & Msimbulivu wa HTML

Maswali Yanayoulizwa Mara Kwa Mara