Flarum alt yapısına sahip forum sitelerinde içerik oluştururken kod eklemek istediğinizde flarum’un kendi kod ekleme aracını kullanıyorsunuz bu da doğal olarak kodu renklendirmiyor ve kodun ön plana çıkmasını engelliyor.

Aşağıda aynı kodun ilk olarak flarum’un kod ekleme aracı ile sonrasında ise Code Insert uzantısı ile eklendiğinde nasıl göründüğünü paylaştım.

Flarum’un kod ekleme aracı ile

<h1 style="background-color:#000000;">#000000</h1> <h1 style="background-color:#3c3c3c;">#3c3c3c</h1> <h1 style="background-color:#787878;">#787878</h1> <h1 style="background-color:#b4b4b4;">#b4b4b4</h1> <h1 style="background-color:#f0f0f0;">#f0f0f0</h1> <h1 style="background-color:#ffffff;">#ffffff</h1>

Code Insert uzantısı ile

<h1 style="background-color:#000000;">#000000</h1>
<h1 style="background-color:#3c3c3c;">#3c3c3c</h1>
<h1 style="background-color:#787878;">#787878</h1>
<h1 style="background-color:#b4b4b4;">#b4b4b4</h1>
<h1 style="background-color:#f0f0f0;">#f0f0f0</h1>
<h1 style="background-color:#ffffff;">#ffffff</h1>

Code Insert eklentisinin ne kadar hoş göründüğünü söylememe gerek yok sanırım 🙂

Code Insert Nasıl Kurulur?

Sunucunuza ssl ile bağlandıktan sonra aşağıdaki komutu yazmanız yeterli olacaktır.

composer require irony/flarum-ext-code-insert

Sonrasında ise Flarum yönetim paneli üzerinden uzantıyı aktif etmelisiniz. Karşınıza bir kutucuk çıkacaktır buraya renklendirmek istediğiniz kodlama dillerini yazmanız gerekiyor. Bunun için https://github.com/ajaxorg/ace-builds/tree/master/src-min-noconflict adresine girerek dosya isimlerinde - sembolünden sonrasına bakarak kopyalamanız gerekiyor. Yani siz java dilini eklemek istiyorsanız mode-java.js yazmak yerine java yazmalısınız.