افزونه Code Highlighter | درج کدهای برنامه نویسی در محتوا

درج کدهای برنامه نویسی در محتوا

آیا تا به حال دنبال سیستمی برای برجسته کردن کدهای برنامه نویسی در مطالب و ویرایشگر وردپرستون بودید؟ و یا قابلیتی که با استفاده از اون بتونید خیلی راحت کدهاتون رو در مطالب آموزشی سایتتون قرار بدید و خطاهای سینتکس رو در لحظه مشاهده کنید؟!؟

معرفی افزونه وردپرس Code Highlighter

افزونه Code Highlighter یک افزونه سبک وزن مبتنی بر المنتور وردپرس برای اضافه کردن یک کد برجسته جذاب به وب سایت شما بدون دانش کد نویسی است. دارای بیش از 36 تم از پیش تعیین شده منحصر به فرد دارد که به راحتی با قالب پیش فرض سایت شما هماهنگ می شود. برای اطلاعات بیشتر باید گفت که بیش از 100 تم به زودی گنجانده خواهد شد.

و پشتیبانی از 300 زبان برنامه نویسی

شما میتوانید به سادگی کدهای برنامه نویسی با هر زبانی مثل، php, java script, html, css و … را به آسانی به هر بخشی از محتوای خود اضافه کنید. کاربران نیز میتوانند به راحتی آن را کپی کنند.

استفاده آسان با ابزارک المنتور

این افزونه یک ابزارک به بخش المنتور شما اضافه میکند تا راحت بتوانید در هر بخشی از متن خود بتوانید کد دلخواه خود را اضافه کنید. از مهمترین ویژگی این افزونه کم حجم بودن آن گفت و به شما کمک میکند تا هیچ تاثیری روی سرعت بارگزاری وب سایت شما نداشته باشد

36+ تم از پیش تعیین شده منحصر به فرد

زبان، کد، پس زمینه و رنگ قابل تنظیم است

مشاهده دمو ها

سفارشی کردن

سینتکس کد را شناسایی می کند و میتواند رنگ تابع یا متغیر یا حتی کامنت های داخل کد را سفارشی کنید

پشتیبانی از همه قالب ها

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

استفاده آسان

افزونه بسیار سبک است و سرعت سایت شما را کاهش نمیدهد و از طرفی دیگر بدون نیاز به کدنویسی میتوانید کدهای خود را درج کنید.

انتخاب آسان سبک تم

به آسانی تم مورد نظر را روی کد خود اعمال کنید

تغییر سایز فونت و ارتفاع باکس

فونت سایز دلخواه را پیش فرض قرار دهید.

تعدادی دمو از استایل ها جهت مشاهده شما در زیر آمده است:

Coy Theme

html
<html>
  <head>
    <title>Div Align Attribbute</title>
  </head>
  <body>
    <div align="left">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
      labore et dolore magna aliqua.
    </div>
  </body>
</html>

Solarized Dark Atom

css
.svgblob {
   position: relative;
   overflow: hidden;
   max-width: 100%;
   width: fit-content;
   outline: 1px #bdbdbd solid;
   margin: 1rem auto 5rem;
   box-sizing: border-box;
   border: 3px transparent solid;
}

Twilight

javascript
  if (atpos<1 || dotpos<atpos+2 || dotpos+2>=inputs[i].length)
        	document.getElementById('errEmail').innerHTML = "<span style='color: red'>Enter a valid email address!</span>";
          else
        	document.getElementById(div).innerHTML = "OK!";
        }
        else if (i==5)
        {
          var first = document.getElementById('password').value;
          var second = document.getElementById('confirm').value;
          if (second != first)
        	document.getElementById('errConfirm').innerHTML = "<span style='color: red'>Your passwords don't match!</span>";
          else
       		document.getElementById(div).innerHTML = "OK!";
        }
        else
        	document.getElementById(div).innerHTML = "OK!";
       }
     }

Holy Theme

php
public function listSalesRep(){

	$sqlWhere = '';
	if($_SESSION["role"] == 'manager') { 
		$sqlWhere = "WHERE roles = 'sales' and status = 1";
	}		
	$sqlQuery = "SELECT * FROM ".$this->userTable." $sqlWhere";
	
	if(!empty($_POST["order"])){
		$sqlQuery .= ' ORDER BY '.$_POST['order']['0']['column'].' '.$_POST['order']['0']['dir'].' ';
	} else {
		$sqlQuery .= ' ORDER BY id ASC ';
	}
	
	if($_POST["length"] != -1){
		$sqlQuery .= 'LIMIT ' . $_POST['start'] . ', ' . $_POST['length'];
	}

Dark Theme

php
public function listSalesRep(){

	$sqlWhere = '';
	if($_SESSION["role"] == 'manager') { 
		$sqlWhere = "WHERE roles = 'sales' and status = 1";
	}		
	$sqlQuery = "SELECT * FROM ".$this->userTable." $sqlWhere";
	
	if(!empty($_POST["order"])){
		$sqlQuery .= ' ORDER BY '.$_POST['order']['0']['column'].' '.$_POST['order']['0']['dir'].' ';
	} else {
		$sqlQuery .= ' ORDER BY id ASC ';
	}
	
	if($_POST["length"] != -1){
		$sqlQuery .= 'LIMIT ' . $_POST['start'] . ', ' . $_POST['length'];
	}

okaidia

java
class Main {
  public static void main(String[] args) {

    String str = "Radar", reverseStr = "";
    
    int strLength = str.length();

    for (int i = (strLength - 1); i >=0; --i) {
      reverseStr = reverseStr + str.charAt(i);
    }

    if (str.toLowerCase().equals(reverseStr.toLowerCase())) {
      System.out.println(str + " is a Palindrome String.");
    }
    else {
      System.out.println(str + " is not a Palindrome String.");
    }
  }
}

Night Theme

javascript
  if (atpos<1 || dotpos<atpos+2 || dotpos+2>=inputs[i].length)
        	document.getElementById('errEmail').innerHTML = "<span style='color: red'>Enter a valid email address!</span>";
          else
        	document.getElementById(div).innerHTML = "OK!";
        }
        else if (i==5)
        {
          var first = document.getElementById('password').value;
          var second = document.getElementById('confirm').value;
          if (second != first)
        	document.getElementById('errConfirm').innerHTML = "<span style='color: red'>Your passwords don't match!</span>";
          else
       		document.getElementById(div).innerHTML = "OK!";
        }
        else
        	document.getElementById(div).innerHTML = "OK!";
       }
     }

lucario theme

python
num = float(input("Enter a number: "))
if num >= 0:
   if num == 0:
       print("Zero")
   else:
       print("Positive number")
else:
   print("Negative number")

night owl

python
num = float(input("Enter a number: "))
if num >= 0:
   if num == 0:
       print("Zero")
   else:
       print("Positive number")
else:
   print("Negative number")

atom dark

javascript
  if (atpos<1 || dotpos<atpos+2 || dotpos+2>=inputs[i].length)
        	document.getElementById('errEmail').innerHTML = "<span style='color: red'>Enter a valid email address!</span>";
          else
        	document.getElementById(div).innerHTML = "OK!";
        }
        else if (i==5)
        {
          var first = document.getElementById('password').value;
          var second = document.getElementById('confirm').value;
          if (second != first)
        	document.getElementById('errConfirm').innerHTML = "<span style='color: red'>Your passwords don't match!</span>";
          else
       		document.getElementById(div).innerHTML = "OK!";
        }
        else
        	document.getElementById(div).innerHTML = "OK!";
       }
     }

dracula theme

javascript
  if (atpos<1 || dotpos<atpos+2 || dotpos+2>=inputs[i].length)
        	document.getElementById('errEmail').innerHTML = "<span style='color: red'>Enter a valid email address!</span>";
          else
        	document.getElementById(div).innerHTML = "OK!";
        }
        else if (i==5)
        {
          var first = document.getElementById('password').value;
          var second = document.getElementById('confirm').value;
          if (second != first)
        	document.getElementById('errConfirm').innerHTML = "<span style='color: red'>Your passwords don't match!</span>";
          else
       		document.getElementById(div).innerHTML = "OK!";
        }
        else
        	document.getElementById(div).innerHTML = "OK!";
       }
     }

Gruvbox light

java
class Main {
  public static void main(String[] args) {

    String str = "Radar", reverseStr = "";
    
    int strLength = str.length();

    for (int i = (strLength - 1); i >=0; --i) {
      reverseStr = reverseStr + str.charAt(i);
    }

    if (str.toLowerCase().equals(reverseStr.toLowerCase())) {
      System.out.println(str + " is a Palindrome String.");
    }
    else {
      System.out.println(str + " is not a Palindrome String.");
    }
  }
}

ghcolors theme

javascript
class Main {
  public static void main(String[] args) {

    String str = "Radar", reverseStr = "";
    
    int strLength = str.length();

    for (int i = (strLength - 1); i >=0; --i) {
      reverseStr = reverseStr + str.charAt(i);
    }

    if (str.toLowerCase().equals(reverseStr.toLowerCase())) {
      System.out.println(str + " is a Palindrome String.");
    }
    else {
      System.out.println(str + " is not a Palindrome String.");
    }
  }
}

synthewave

haml
<html>
  <head>
    <title>Div Align Attribbute</title>
  </head>
  <body>
    <div align="left">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
      labore et dolore magna aliqua.
    </div>
  </body>
</html>

Material light

haml
<html>
  <head>
    <title>Div Align Attribbute</title>
  </head>
  <body>
    <div align="left">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
      labore et dolore magna aliqua.
    </div>
  </body>
</html>

کدهای آموزشی خود را زیباتر به کاربران نمایش دهید.

خرید محصول از ژاکت