新增代碼高亮插件,推薦Highlighting Code Block

很實用的代碼高亮在經典編輯器中竟然沒有,只能找個插件,這裡推薦

Highlighting Code Block

已經測試,功能很齊全,截圖就不放出了。

平時用的不太多,但是沒有卻不行。在複製代碼的時候老是需要調整。

其他的插件大家可以參考其他插件推薦。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>簡單的PHP和HTML表單</title>
</head>
<body>
<h2>歡迎頁面</h2>

<?php
// 檢查是否提交了表單
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// 獲取用戶輸入的名字
$name = $_POST["name"];

// 顯示歡迎消息
echo "<p>歡迎, $name!</p>";
}
?>

<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
<label for="name">請輸入您的名字:</label>
<input type="text" id="name" name="name" required>
<button type="submit">提交</button>
</form>
</body>
</html>

 

WordPress代碼高亮插件推薦

在WordPress經典編輯器中實現代碼高亮可以通過使用代碼高亮插件來完成。有許多插件可供選擇,其中一些流行的選擇包括:

  1. SyntaxHighlighter Evolved:
    • 插件鏈接:SyntaxHighlighter Evolved
    • 這是一款功能強大的插件,支持多種編程語言,易於使用。它允許你在文章或頁面中插入高亮顯示的代碼塊。
  2. WP-Code-Box:
    • 插件鏈接:WP-Code-Box
    • WP-Code-Box支持超過20種編程語言,並提供豐富的自定義選項。它允許你使用短代碼輕鬆插入高亮顯示的代碼。
  3. Prism Syntax Highlighter:
    • 插件鏈接:Prism Syntax Highlighter
    • 這是一個輕量級的插件,使用Prism.js庫來實現代碼高亮。它支持多種主題和語言。
  4. Crayon Syntax Highlighter:
    • 插件鏈接:Crayon Syntax Highlighter
    • Crayon Syntax Highlighter是一個功能強大的插件,支持超過60種編程語言。它提供了豐富的主題和樣式設置。

安裝插件的步驟:

  1. 登錄到WordPress儀錶板。
  2. 轉到「插件」 -> 「添加新插件」。
  3. 在搜索框中輸入插件名稱(例如,SyntaxHighlighter Evolved)。
  4. 找到插件並點擊「安裝」。
  5. 安裝完成後,點擊「激活」啟用插件。

一旦插件激活,你就可以在文章或頁面編輯器中使用相應的短代碼來插入高亮顯示的代碼。每個插件都有自己的文檔,可以幫助你了解如何使用其功能和定製選項。

選擇插件時,確保選擇與你的需求和喜好相符的插件,並查看插件的評價和更新歷史,以確保它是一個穩定且受支持的選擇。

新媒體運營,新媒體代運營,cloudneo

原創文章,作者:超哥,如若轉載,請註明出處:https://www.chaoneo.cn/zh-tw/archives/3477.html

0 0 投票
五星評級

如果您覺得超哥分享對您有所幫助的話,記得打賞給我😀

訂閱
提醒
guest
0 評論
內聯反饋
查看所有評論
QQ客服
加我微信
電話聯繫
電子郵件
我們將24小時內回復。
取消
0
喜歡你的想法,請評論x
()
x