پشتیبانی آنلاین هاست سرور ثبت دامنه رامند سرور پشتیبانی آنلاین - گفتگوی زنده

 

فروش هاست و دامنه رامندسرور

خرید آنلاین هاست دامنه پشتیبانی قوی بازاریابی و کسب درآمد از رامندسرور ورود به سیستم کاربران ارسال تیکت و گرفتن پاسخ در سریعترین زمان خرید آنلاین هاست و دامین و پرداخت با کارتهای عضو شتاب

سه شنبه, 27 مرداد 1394 ساعت 16:29

پلاگین هایلایت کردن تکه کد در متن (code highlight)

مشکلی که داشتم این بود که میخواستم توی مطالب جوملا ، k2 ، وردپرس ، جوملا ، دروپال یا هر سیستم دیگری، کدهایی که به زبان های مختلف ( مثل php ,css ,html, جاوااسکریپت و غیره ) برای نمونه یا مثال قرار میدم بصورت خودکار رنگی یا به اصلاح فینگیلیش، هایلایت بشن، مثلا بجای اینکه اینطوری باشن:

<?php var x = 10; var y= 30; echo x+y; ?>

بصورت زیر باشن (رنگی و خوشگل و تمیز):


<?php
	var x = 10;
	var y = 30;
	echo x + y;
?>

برای اینکار می تونیم از پلاگین highlight.js استفاده کنیم. این پلاگین از یه فایل CSS و یک فایل جاوااسکریپت استفاده میکنه و بصورت اتوماتیک زبان رو تشخیص میده و کد رو رنگی ( هایلایت ) میکنه.

و اما نحوه نصب پلاگین روی سایت یا وبلاگ خودمون:

کد های زیر رو بین تگ <head></head> قالب خودمون قرار میدیم ( مهم نیست قالب مربوط به وردپرسه یا جوملا یا وبلاگ و یا هر سیستم دیگری):

<link rel="stylesheet" href="/path/to/styles/default.css">
<script src="/path/to/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

حالا اگر بین متن های مورد نظرمون از کدهای رایج برنامه نویسی استفاده کنیم بصورت خودکار متن ها هایلایت میشن.

نکته 1: این پلاگین 136 زبان رو برای هایلایت کردن پشتیبانی میکنه.

نکته 2: این پلاگین 65 حالت مختلف گرافیکی برای هایلایت کردن داره.

نکته 3: برای استفاده از کل قابلیت ها و انتخاب استایل رنگی مورد نظرتون میتونید یه سری به سایت خود پلاگین بزنید. اینم آدرسش: https://highlightjs.org

 

اگر سوال دارید یا مشکلی در استفاده کردن از این پلاگین دارید میتونید از قسمت نظر دهی پایین استفاده کنید.

 

نوشتن دیدگاه


تصویر امنیتی
تصویر امنیتی جدید