Blog Archive

Contact Me

Name

Email

Message

Credits

កើត​ចាស់​ឈឺ​ស្លាប់​ជា​ទៀងទាត់
🌱🌳⛈️🏡🛌💤⛈️🌧️🌳

Hover Setting

slideup

កម្មវិធីសំខាន់ៗ ↘︎↘︎↘︎

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

Jul17,2024
ជួប​គ្នា​ទៀត​ហើយ​ថ្ងៃ​នេះ​ខ្ញុំ​សូម​លើក​យក​គន្លឹះ​មួយ​ដែល​ទាក់​ទង​ទៅ​នឹង​ការ​ដាក់​ប្រអប់​កូដ​ឬ​ក្នុង​ភាសា​ 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 ជា​មុន​សិន​ទើប​កូដ​ទាំង​នោះ​បង្ហាញ​នៅ​ក្នុង​ប្រអប់​៕

No comments

Post a Comment

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