Blog sayfamda kodda paylaşmak istiyorum. Kodların güzel görünmesi için prism.js kullanmaya karar vermiştim.
https://prismjs.com/ şuradan import ettim.
Örnek olarak <
preclass="language-html"><code><h1> hello world </h1></code></pre> bunu yazdığım zaman direkt <h1> hello world </h1> yazması gerekiyor. Bunu html kodunun içerisine atarsam oluyor ve şu şekilde görünüyor.
Ck editor ile oluşturuyorum metni ve veritabanına <p> <pre class="language-html"><code> <h1> hello world </h1> </code> </pre></p> bu şekilde kaydediyor ve haliyle kod direkt olarak
<pre class="language-html"><code> <h1> hello world </h1> </code> </pre> bu şekilde text olarak görünüyor. Bu sorunu nasıl aşabilirim? Tek yapmak istediğim şey admin panelden blogta paylaştığım kodun, blog sayfasında güzel okunaklı bir şekilde görünmesi.