Celestial Samnang
  • ទំព័រដើម
  • ពុម្ពអក្សរ
  • តារាងពុម្ពអក្សរ
  • របៀបទិញ
  • វិជ្ជាធ្វើម្ហូប
  • Blogger
  • ទំនាក់ទំនង
  • អំពី

Home Blogger របៀប​ដាក់​ប្រអប់​កូដ​ជាមួយ​នឹង Plugin Highlight.js

របៀប​ដាក់​ប្រអប់​កូដ​ជាមួយ​នឹង Plugin Highlight.js

Celestial Samnang Wednesday, July 17, 2024 0

ជួប​គ្នា​ទៀត​ហើយ​ថ្ងៃ​នេះ​ខ្ញុំ​សូម​លើក​យក​គន្លឹះ​មួយ​ដែល​ទាក់​ទង​ទៅ​នឹង​ការ​ដាក់​ប្រអប់​កូដ​ឬ​ក្នុង​ភាសា​ HTML គេ​ហៅ​វា​ថា​ Pre Tag ឬ Code Tag ដែល HTML Tags ទាំង​ពីរ​នេះ​សម្រាប់​ក្ដោប​កូដ​ឬ​អក្សរ​ផ្សេង​ៗទៅ​ក្នុង​ប្រអប់​។

ក្នុង​អត្ថបទ​មួយ​នេះ​ខ្ញុំ​ជ្រើស​រើស​ Plugin មួយ​ដែល​មាន​ឈ្មោះ​ថា Highlight.js ដើម្បី​ធ្វើ​ឲ្យ​ប្រអប់​សម្រាប់​ដាក់​កូដ​ឬ​អក្សរ​របស់​អ្នក​មាន​ពណ៌​ចម្រុះ​និង​មាន​ភាព​​ស្រស់​ស្អាត​ផង​ដែរ​​ ហើយ​ពិសេស​ជាង​នេះ​ទៅ​ទៀត​អ្នក​គ្រាន់​តែ​ចុច​ទៅ​លើ​ប្រអប់​ នោះ​វា​នឹង​ធ្វើ​ការ Select កូដ​ឬ​អក្សរ​ទាំង​អស់​ដែល​មាន​​នៅ​ក្នុង​ប្រអប់​ទៀត​ផង​។

១-សូម​ចូល​ទៅ​កាន់​គណនី​ប្លុក​របស់​អ្នក​
២-ចូល​ទៅ​កាន់ Theme បន្ទាប់​មក Edit HTML
៣-ចម្លង​កូដ​ខាង​ក្រោម​ដាក់​ពី​ខាង​ក្រោម​​ <head>
កូដ
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/styles/atom-one-dark.min.css"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/highlight.min.js"></script>
៤-ចម្លង​កូដ​ខាង​ក្រោម​ដាក់​ពី​ខាង​លើ </body>
កូដ
<script type='text/javascript'>
//<![CDATA[
// Initialisation for 'pre' tags
$(document).ready(function(){$("pre").each(function(c,h){hljs.highlightBlock(h)})});
// Single Click
var pres=document.getElementsByTagName("pre");for(var i=0;i<pres.length;i++){pres[i].addEventListener("click",function(){var selection=getSelection();var range=document.createRange();range.selectNodeContents(this);selection.removeAllRanges();selection.addRange(range)},false)};
//]]>
</script>
៥-ចុច​ពាក្យ Save Theme​។
* ដើម្បី​ប្រើ​ប្រអប់​សម្រាប់​ដាក់​កូដ​ឬ​អក្សរ​ សូម​ប្រើ Pre Tag ឬ Code Tag នៅ​ក្នុង​កូដ​ខាង​ក្រោម (HTML Mode) ដែល​នៅ​ចន្លោះ​ Pre Tag គឺ​ជា​កូដ​ឬ​អក្សរ​ដែល​អ្នក​ចង់​ឲ្យ​បង្ហាញ​នៅ​ក្នុង​ប្រអប់​
កូដ
<pre>Your Code/Text Here...</pre>
បញ្ជាក់​​៖ សម្រាប់​ភាសា​កូដ​តម្រូវ​ឲ្យ​អ្នក​បម្លែង​ទៅ​ជា Entity ជា​មុន​សិន​ទើប​កូដ​ទាំង​នោះ​បង្ហាញ​នៅ​ក្នុង​ប្រអប់​៕
Tags: Blogger
Share:
Celestial Samnang
ចូលចិត្ត​ការ​បញ្ចេញ​គំនិត ដូច្នេះ​ក៏​រចនា​ពុម្ព​អក្សរខ្មែរ (តែ​មិន​ផ្លូវការ)​ ការងារ​កាលណោះ​ជា​អ្នក​រត់​តុកតុក​ព្រោះ​មិន​ត្រូវការ​គិត​ច្រើន។ បន្ទាប់​មក​ចូល​ក្នុង​វិស័យ​ការងារ​​ UX/UI ហើយ​ក៏​បន្ត​ទៅ​ការងារ​រចនាក្រាហ្វិក motion ថតរូប​វីដេអូ កាត់​ត​​វីដេអូ ​ក្នុង​តួនាទី​ជា Digital Marketing ដូច្នេះ​ក៏​ចង់​រៀន​កូដតែ​ទៅ​មិន​ទាន់​រួច​ទេ ព្រោះ​ត្រូវ​រៀន​ផ្នែក​ក្រាហ្វិក​ឲ្យ​បាន​ច្រើន​ទៀត​ដើម្បី​ជីវភាព។ ថ្ងៃអនាគត​ចង់​​រចនា​ពុម្ព​អក្សរ​ឲ្យ​បាន​ល្អ និង​ទទួល​សេវាកម្ម​រចនា​។

Post a Comment

៙ គោលការណ៍ក្នុងការផ្តល់យោបល់ ៖
1. យោបល់ត្រូវតែសរសេរជាភាសាខ្មែរ ពាក្យបច្ចេកទេសអាច​សរសេរជាភាសាអង់គ្លេស។
2. យោបល់មិនត្រូវលើសពី 1000 តួអក្សរឡើយ។ ការបំបែកយោបល់មិនត្រូវបានអនុញ្ញាតទេ។
3. យោបល់ដែលចាត់ទុកថាជា Spam ឬមានគោលបំណងផ្សព្វផ្សាយពាណិជ្ជកម្មតែមួយមុខ នឹងត្រូវលុប។
4. ការពិភាក្សាអំពីនយោបាយមិនត្រូវបានអនុញ្ញាតនៅលើគេហទំព័រនេះទេ។
5. ការចែករំលែកតំណភ្ជាប់ដែលពាក់ព័ន្ធត្រូវបានអនុញ្ញាត។ តំណភ្ជាប់និងតម្រងពាក្យ​ខ្លះ​ត្រូវ​បាន​ហាមឃាត់។
6. យោបល់ដែលរអ៊ូរទាំអំពីប្រធានបទនៃការបង្ហោះ ឬប្រភពរបស់វានឹងត្រូវលុប។
7. ការប្រើភាសាប្រមាថក្នុងយោបល់ ឬឈ្មោះអ្នកប្រើប្រាស់នឹងបណ្តាលឱ្យមានការហាមឃាត់។
8. ការវាយប្រហារ/ការបៀតបៀនដោយផ្ទាល់ នឹងបណ្តាលឱ្យមានការហាមឃាត់ភ្លាមៗ។
9. អ្នកសម្របសម្រួលអាចកែប្រែ/លុបយោបល់ដោយមិនចាំបាច់ជូនដំណឹង។

Newer Post Older Post Home
Subscribe to: Post Comments ( Atom )
Designed by អាក្បាលធំ

អំពី​ទីនេះ!

សេឡេស្ទាល សំណាង

ពុម្ពអក្សរ (អាក្បាលធំ / AKbalthom) បានបិទបញ្ចប់ការលក់ និងផលិត ចាប់ពីចុងឆ្នាំ២០២៥ ដោយសារមានការលួចចម្លង និងចែកចាយដោយអនាធិបេតយ្យ។ លោកអ្នកមិនមានសិទ្ធិប្រើប្រាស់ ចែកចាយ ដាក់លក់ពុម្ពអក្សរ AKbalthom ជាដាច់ខាត! រាល់សកម្មភាពដែលល្មើសកម្មសិទ្ធិបញ្ញាអ្នកបង្កើត នឹងត្រូវបានកត់ត្រាទុក៕
Tel: 069 556 887

ប្រចាំ​សប្ដាហ៍

  • ត្រី​ចៀនចួន (ត្រីកន្លះ​គីឡូ)
  • Samnang Steel - តម្លៃចាប់ពី $10000 (USD)
  • Samnang Bit - តម្លៃចាប់ពី $10000 (USD)
  • ប្រអប់​កូដជាមួយ​ប៊ូតុង​ចុច​ចម្លង​សម្រាប់​ប្លក់ Code box with copy button to your Blogger
  • Samnang Dombay 2 - តម្លៃចាប់ពី $10000 (USD)
  • japo.news: Kyoko’s cooking: ពងមាន់​ក្រឡុក​បែប​ជប៉ុន Dashi Maki Tamago
Powered by Blogger.

រាយការណ៍

Name

Email *

Message *

Stay Connected