استفاده و نمایش کد توسط پلاگین Code snippets در CkEditor

پاسخ هوش مصنوعی

برای نمایش صحیح کدها با رنگ بندی در CKEditor و همچنین استفاده از پلاگین Code Snippets، شما نیاز دارید تا از یک کتابخانه مانند Prism.js یا Highlight.js استفاده کنید. این کتابخانه ها به شما این امکان را می دهند که کدهای خود را با رنگ بندی مناسب در وب سایت خود نمایش دهید.

در ابتدا، مطمین شوید که کتابخانه مورد نظر خود را به عنوان CSS و JS به فایل های HTML خود اضافه کرده اید. به عنوان مثال، اگر از Highlight.js استفاده کنید، باید کدهای زیر را به فایل HTML خود اضافه کنید:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/styles/default.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/highlight.min.js"></script>
<script>hljs.highlightAll();</script>

سپس، برای استفاده از کد HTML شما، می توانید از تگ `

` و `` استفاده کنید تا کدها به درستی نمایش داده شوند:


<pre><code class="language-html">@html.raw(desc)</code></pre>

اطمینان حاصل کنید که کد شما به درستی در `
` و `` قرار گرفته است و کلاس زبان برنامه نویسی مناسب را تعریف کرده اید (در اینجا `language-html`).


با این اقدامات، کدهای شما در بخش نمایش با رنگ بندی مناسب نمایش داده خواهند شد.