រំលងទៅខ្លឹមសារមេ

Markdown ទៅ HTML Converter ឥតគិតថ្លៃ

បំប្លែង Markdown ទៅ HTML ស្អាតជាមួយការមើលជាមុនផ្ទាល់។ ប្រើ source view ដើម្បីចម្លង HTML ត្រៀម paste សម្រាប់ blog, CMS, ឬ template អ៊ីមែល។

ធ្វើការក្រៅបណ្តាញនៅពេលបានផ្ទុករួច
លទ្ធផល HTML នឹងលេចឡើងនៅទីនេះ…

ការប្រើប្រាស់ទូទៅ

  • បង្ហាញ Markdown នៅក្នុង CMSបម្លែងក្របvalenciាកម Markdown ទៅ HTML សម្រាប់ការស្អាប់ក្នុង CMS ដែលលាក់ទុក HTML ប៉ុណ្ណាក្ដែង។
  • សាលីយលម្អាង HTML សម្រាប់អ៊ីមែលបម្លែង Markdown ទៅ HTML សម្រាប់អ៊ីមែលគ្របលាយ ហើយលម្អាងលាលក។
  • ពិនិត្យលើឯកសារ README ក្នុងស្ថានីយសូមបិទ README.md របស់អ្នក ដើម្បីមើលរបៀបដែលវាលេចចេញលើ GitHub, GitLab ឬ npm។
  • សាលីយលម្អាងទំព័រ សម្រាប់គេហទំព័រឋិតិវន្តបម្លែងលម្អាងលក្ខណ៍ Markdown ទៅ HTML សម្រាប់គេហទំព័រឋិតិវន្តលម្អាងឬទំព័របង្កើតម៉ាក។
  • សាលីយលក្ខណ៍ HTMLបម្លែងលក្ខណ៍ Markdown ខាងក្នុង ទៅ HTML សម្រាប់ការប្រមូលផ្តុំក្នុងកម្មវិធី, មជ្ឈមណ្ឌលជំនួយ ឬមូលដ្ឋានចំណេះដឹង។

វាដំណើរការដោយរបៀបណា

ការបំប្លែងធ្វើឡើងទាំងស្រុងនៅក្នុងកម្មវិធីរុករករបស់អ្នកដោយកម្មវិធីញែក Markdown ដែលសរសេរដោយដៃ — គ្មានបណ្ណាល័យភាគីទីបី គ្មានសំណើម៉ាស៊ីនមេ។ កម្មវិធីញែកដើរឆ្លងកាត់ប្រភពជាបន្ទាត់ម្តងៗ ដោយអនុវត្តច្បាប់កម្រិតប្លុក (ក្បាល បញ្ជី តារាង កូដមានរបង) ហើយបន្ទាប់មកជំហានទីពីរនៃលំនាំ regex ក្នុងបន្ទាត់សម្រាប់អក្សរដិត អក្សរទ្រេត តំណភ្ជាប់ រូបភាព និងកូដក្នុងបន្ទាត់។

  1. 1
    រចនាសម្ព័ន្ធប្លុកត្រូវបានញែកមុនគេ
    កម្មវិធីញែកអានប្រភព Markdown ដើមជាបន្ទាត់ម្តងៗ ដោយកំណត់រចនាសម្ព័ន្ធកម្រិតប្លុក: ប្លុកកូដមានរបង (ជាមួយថ្នាក់ភាសាជាជម្រើស) ក្បាល ATX (# ដល់ ######) សម្រង់ បញ្ជីតាមលេខ និងគ្មានលេខ រួមទាំងប្រអប់ធីកបញ្ជីភារកិច្ច GFM តារាង GFM ជាមួយការតម្រឹមជួរឈរ បន្ទាត់ផ្តេក និងកថាខណ្ឌដែលរួមបញ្ចូលបន្ទាត់បន្តដែលរុំមិនរឹងបានត្រឹមត្រូវ។
  2. 2
    លំនាំក្នុងបន្ទាត់អនុវត្តនៅក្នុងប្លុកនីមួយៗ
    បន្ទាប់ពីអត្ថបទនៃប្លុកនីមួយៗត្រូវបានគេច HTML ខ្សែសង្វាក់ regex ក្នុង parseInline() បំប្លែងវាក្យសម្ព័ន្ធក្នុងបន្ទាត់: រូបភាព និងតំណភ្ជាប់ (ជាមួយបញ្ជីស scheme URL ដែលដកចេញ javascript: និង data: hrefs) **អក្សរដិត** *អក្សរទ្រេត* ~~ដិតបន្ទាត់~~ និងកូដក្នុងបន្ទាត់ — តាមលំដាប់អាទិភាពនោះ។
  3. 3
    លទ្ធផល HTML ផ្ទាល់ជាមួយប៊ូតុងប្តូរការមើលជាមុន
    ខ្សែអក្សរ HTML ត្រូវបានគណនាឡើងវិញតាមរយៈ useMemo រាល់ការចុចគ្រាប់ចុច ដូច្នេះផ្ទាំងខាងស្តាំធ្វើបច្ចុប្បន្នភាពភ្លាមៗ។ ប៊ូតុងប្តូរដំណើរការរវាងទិដ្ឋភាពប្រភព HTML ដើម និងការមើលជាមុនដែលបានបង្ហាញដោយប្រើម៉ាស៊ីនប្លង់ផ្ទាល់ខ្លួនរបស់កម្មវិធីរុករក។
  4. 4
    ជម្រើសលទ្ធផលបី រួមទាំងការចម្លងអត្ថបទសម្បូរបែប
    អ្នកអាចចម្លងវាក្យសម្ព័ន្ធ HTML ដើម ទាញយកឯកសារ .html ពេញលេញជាមួយ DOCTYPE និងស្លាក meta charset ឬប្រើ 'ចម្លងអត្ថបទសម្បូរបែប' — ដែលសរសេរទាំង text/html និង text/plain MIME types ទៅឃ្លីបបតតាមរយៈ ClipboardItem របស់ Clipboard API ដូច្នេះលទ្ធផលដែលបានធ្វើទ្រង់ទ្រាយបិទភ្ជាប់ដោយផ្ទាល់ទៅក្នុង Gmail, Google Docs ឬ Word ដោយគ្មានជំហានបន្ថែម។

ឧបករណ៍ពាក់ព័ន្ធ

សំណួរដែលសួរជាញឹកញាប់