新增代码高亮插件,推荐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/archives/3477.html

0 0 投票
五星评级

如果您觉得超哥分享对您有所帮助的话,记得打赏给我😀

订阅
提醒
guest
0 评论
内联反馈
查看所有评论
QQ客服
加我微信
电话联系
电子邮件
我们将24小时内回复。
取消
0
喜欢你的想法,请评论x
()
x