នេះគឺជាឧបករណ៍គ្រប់គ្រងស្លាយ HTML។ ចង្អុលទៅថតមួយ វានឹងរកឃើញស្លាយ HTML នៅក្នុងនោះ (រួមទាំងថតរង) ហើយរៀបជារូបតូច។ បន្ទាប់មកគ្រាន់តែប្រមូលអ្វីដែលត្រូវប្រើ ហើយរៀបលំដាប់។ នាំចេញជាឯកសារ HTML តែមួយរួមទាំងរូបភាព។ បើកហើយប្រើគ្រាប់ព្រួញបើកទំព័រ ឬបោះពុម្ពជា PDF។
ជ្រើសថតមួយ ហើយវារកស្លាយ HTML នៅក្រោមនោះ រួចបង្កើតរូបតូចពីរូបភាពបង្ហាញពិតប្រាកដ។ ទំព័រអត្ថបទ និងស្រដៀងគ្នាមិនស្ថិតក្នុងវិសាលភាព។ លំដាប់តាមឋានានុក្រមថត ហើយមានស្ថិរភាព។ តម្រងពីបញ្ជីថតខាងឆ្វេង ស្វែងរកតាមឈ្មោះឯកសារ ឬចំណងជើងក៏បាន។
អូសស្លាយដែលចង់ប្រើទៅ「ថាសលទ្ធផល」ខាងស្តាំ។ ប៊ូតុង + ឬចុចពីរដងក៏ចូល។ ស្លាយដែលជ្រើសពីឯកសារផ្សេងគ្នាតម្រៀបក្នុងថាសតែមួយ រួចប្តូរលំដាប់ក្រោយមក។
នាំចេញស្លាយដែលបានប្រមូលជាឯកសារ HTML តែមួយ។ ទោះបីដើមជាឯកសារផ្សេងគ្នាក៏ដោយ រូបរាងមិនខូច។ រូបភាពក៏ស្ថិតនៅក្នុងឯកសារ ដូច្នេះមិនចាំបាច់យកថតរូបភាពទៅជាមួយ។ បើកហើយប្រើគ្រាប់ចុចព្រួញដើម្បីប្តូរទំព័រ ហើយអាចធ្វើជា PDF បានផងដែរ។
ចុចរូបតូចដើម្បីបើកធំ។ ជ្រើសផ្នែកត្រូវកែដោយចុច ឬអូស រួចសរសេរថាត្រូវកែយ៉ាងណា—ផ្នែកនោះនៃ HTML ដើមនឹងត្រូវសរសេរជំនួស។ សួរសំណួរតែម្តង ហើយទទួលចម្លើយក៏បាន។ រាល់ការកែរក្សាស្ថានភាពមុន–ក្រោយ ដើម្បីត្រឡប់ក្រោយ (ត្រូវការ Claude Code CLI ដោយឡែក)។
បើកបញ្ជីរចនាពីចុចស្តាំ ចុចមួយហើយស្លាយកណ្តាលប្តូរនៅកន្លែង។ ពេលចូលចិត្ត បញ្ជាក់ ហើយគ្រោងពណ៌ចូលតែស្លាយនោះ—ស្លាយផ្សេងមិនរងផល។ រូបរាងដែលឃើញពេលសាកស្លៀក ត្រូវអនុវត្តដូចគ្នា។
តុបតែង 42 ប្រភេទ ដាក់បាននៅចន្លោះទទេដែលអត្ថបទមិនស្ថិត។ ពណ៌តាមគ្រោងពណ៌ស្លាយនោះ ហើយជាទូទៅមិនគ្របអក្សរ។ បន្ថែម បន្ថយ ឬគូរឡើងវិញក៏បាន។
ថតឯកសារប្រចាំថ្ងៃក៏ប្រើបានដូចគ្នា។ រើសឆ្លងស៊េរីផ្សេង តម្រៀប និងបញ្ចូលកណ្តាលដូចប្រតិបត្តិការដដែល។
គាំទ្ររចនាសម្ព័ន្ធ 4 ប្រភេទខាងក្រោម។ HTML គ្មានសញ្ញាស្លាយ (អត្ថបទចម្លង ទំព័របម្លែង PDF ជាដើម) មិនស្ថិតក្នុងវិសាលភាពតាំងពីដើម។ ទំហំវាស់តាមទំហំពិត ដូច្នេះស្លាយទំហំខុសគ្នាលាយក្នុងឯកសារមួយក៏ដោះស្រាយបាន។
| ទម្រង់ | រចនាសម្ព័ន្ធ | ឧទាហរណ៍ canvas |
|---|---|---|
| Template A | deck-stage + section | 1920×1080 ／ 1080×720 |
| Template B | #deck-viewport + .slide | 1080×720 |
| class-slide | div.slide រៀបបញ្ឈរ | 960×540 ជាដើម |
| page | មានសញ្ញាខាងលើ ប៉ុន្តែមិនបែងចែកព្រំដែនបាន | វាស់តាមទំហំពិត |
គ្មានការចែកចាយកម្មវិធីដែលបានចុះហត្ថលេខា។ ត្រូវការ macOS និង Node.js 18 ឡើងទៅ។ មើលបញ្ជី ប្រមូល នាំចេញតែប៉ុណ្ណោះ គ្រប់គ្រាន់។ សម្រាប់កែ AI ប្តូររចនា និងតុបតែង ត្រូវការ Claude Code CLI ដោយឡែក។
git clone https://github.com/GridJapan/gjHtmlSlideComposer.git
cd gjHtmlSlideComposer
npm install
npm startកែ AI ប្តូររចនា និងតុបតែង សរសេរជំនួស HTML ដើម—មិនមែនច្បាប់ចម្លង។ ណែនាំប្រើក្នុងទីតាំងគ្រប់គ្រងដោយ Git ជាដើម (កម្មវិធីក៏រក្សាស្ថានភាពមុន–ក្រោយ)។
ដើម្បីឱ្យការមើលជាមុនអានរូបភាព និងពុម្ពអក្សរតាម file://។ កុំបើកស្លាយ HTML ពីប្រភពមិនស្គាល់។
សម្រាប់ macOS ប៉ុណ្ណោះ។ ចែកចាយតែកូដប្រភព ចាប់ផ្តើមដោយ npm start។