Code Syntax Block - 最簡單的WordPress代碼高亮插件

    支持古登堡默認的代碼區塊編輯器,讓你輕松的高亮代碼,無需其他操作

    代碼語法塊通過使用Prism語法突出顯示器向核心代碼塊添加語法突出顯示支持來擴展WordPress的塊編輯器

    Prism語法熒光筆運行在前端加載的JavaScript來解析代碼塊并應用語法標記。CSS文件指定要應用于該標記的顏色和樣式。

    Code Syntax Block - 最簡單的WordPress代碼高亮插件
    古登堡區塊編輯器
    Code Syntax Block - 最簡單的WordPress代碼高亮插件

    默認語言(推薦)

    如果你的網站主要以少數幾種語言為主的話,可以將下代碼添加到主題根目錄下的functions.php文件的<?php下面:

    //設置默認的語言為PHP
    function wpkj_code_syntax_default_lang(){
    	return 'php'; //將php修改為其他語言
    }
    add_filter( 'mkaz_code_syntax_default_lang', 'wpkj_code_syntax_default_lang' );

    自定義顏色方案

    默認的顏色主題是在一個漆黑的基礎斷Atom的一個黑暗的主題。如果要更改這款wordpress插件的默認高亮顏色,可以從Prism主題存儲庫下載新主題或創建自己的主題。

    顏色主題是單個CSS文件,有兩種自定義方式:

    1. 插件將檢查文件的當前主題:assets/prism/prism.css并使用該文件(如果存在)。將自定義項添加到該位置的文件中,它將被使用。
    2. 如果您不喜歡該文件位置,則可以使用過濾器mkaz_prism_css_path并指定相對于要使用的主題的路徑。
    3. 如果您希望指定完整的URL,則可以使用過濾器mkaz_prism_css_url并為要使用的樣式表指定完整的URL。

    添加過濾器以更改URL的示例,將以下內容添加到主題的function.php中

    add_filter( 'mkaz_prism_css_url', function() {
        return 'https://raw.githubusercontent.com/PrismJS/prism-themes/master/themes/prism-hopscotch.css';
    });

    注意:如果您使用標題/文件名功能并自定義CSS,則需要針對棱鏡-標題名類應用自己的樣式。

    自定義語言列表

    使用過濾器mkaz_code_syntax_language_list來自定義要在編輯器中顯示的語言列表。默認情況下,代碼語法塊顯示較短的流行語言列表,但Prism支持近200種語言,請參見list

    使用此過濾器可以擴展以支持所需的語言。另外,您可以使用過濾器將列表縮短為僅使用的語言,以便于選擇。

    這是一個將列表縮短到較小集合的示例:

    add_filter( 'mkaz_code_syntax_language_list', function() {
        return array(
            "bash" => "Bash",
            "go" => "Go",
            "html" => "HTML",
            "javascript" => "JavaScript",
            "json" => "JSON",
            "markdown" => "Markdown",
            "php" => "PHP",
            "python" => "Python",
            "jsx" => "React JSX",
            "sass" => "Sass",
            "sql" => "SQL",
            "svg" => "SVG",
            "toml" => "TOML",
            "vim" => "vim",
            "xml" => "XML",
            "yaml" => "YAML",
        );
    } );

    我可以覆蓋條件加載,以便資產始終加載嗎?

    是的,請使用過濾器mkaz_code_syntax_force_loading強制始終加載資產,否則請使用has_block進行檢查。

    例:

    add_filter( 'mkaz_code_syntax_force_loading', '__return_true' );

    相關推薦

    如果您正在使用傳統的經典編輯器,那么您應該試試這款代碼高亮wordpress插件

    Code Syntax Block - 最簡單的WordPress代碼高亮插件-Npcink
    Code Syntax Block - 最簡單的WordPress代碼高亮插件-Npcink

    Pure-Highlightjs(Mac風格) - WordPress代碼高亮插件

    如果您不滿足這簡單的功能,可以用這款功能更強大的高亮插件,無論是傳統的經典編輯器還是先進的古登堡區塊編輯器,他都能搞定,豐富的功能設置項,讓您充分自定義您的代碼高亮外觀:

    Code Syntax Block - 最簡單的WordPress代碼高亮插件-Npcink
    Code Syntax Block - 最簡單的WordPress代碼高亮插件-Npcink

    Enlighter - 可自定義的WordPress代碼高亮插件

    下載權限
    查看
    • 免費下載
      評論并刷新后下載
      登錄后下載
    • {{attr.name}}:
    您當前的等級為
    登錄后免費下載登錄 小黑屋反思中,不準下載! 評論后刷新頁面下載評論 支付以后下載 請先登錄 您今天的下載次數(次)用完了,請明天再來 支付積分以后下載立即支付 支付以后下載立即支付 您當前的用戶組不允許下載升級會員
    您已獲得下載權限 您可以每天下載資源次,今日剩余
    插件

    AdRotate - 插入廣告WordPress插件

    2020-3-7 23:38:45

    插件

    Pending Submission Notifications - 評論郵件提醒wordpress插件

    2020-3-11 23:37:56

    ??
    Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
    無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
    0 條回復 A文章作者 M管理員
      暫無討論,說說你的看法吧
    ?
    個人中心
    購物車
    優惠劵
    今日簽到
    有新私信 私信列表
    搜索
    主站蜘蛛池模板: 国产福利一区二区三区视频在线| 五月婷婷一区二区| 国产在线不卡一区二区三区| 中文字幕一区二区三区日韩精品| 精品一区二区无码AV| 福利一区二区三区视频在线观看| 亚洲综合无码一区二区| 免费看无码自慰一区二区| 国产成人精品无码一区二区三区| 精品无码人妻一区二区三区品| 国产亚洲综合一区二区三区 | 无码免费一区二区三区免费播放| 久久久91精品国产一区二区三区| 一区二区三区在线观看| 无码人妻精一区二区三区| 无人码一区二区三区视频| 精品无码综合一区二区三区| 国产一区二区三区高清在线观看| 日韩免费一区二区三区在线播放| 夜夜爽一区二区三区精品| 日韩精品无码一区二区三区不卡| 国产成人无码aa精品一区| 色偷偷一区二区无码视频| 国产AV一区二区精品凹凸| 久久久久成人精品一区二区| 免费高清av一区二区三区| 色久综合网精品一区二区| 亚洲A∨精品一区二区三区| 国产精品香蕉在线一区| 国产一区二区精品久久岳 | 日韩一区二区三区视频久久| 香蕉免费一区二区三区| 一区二区三区免费在线视频| 亚洲av无码一区二区三区在线播放 | 亚洲av无码一区二区三区天堂| 一区二区三区在线视频播放| 呦系列视频一区二区三区| 国模无码视频一区二区三区| 国产亚洲日韩一区二区三区| 亚洲免费一区二区| 国产精品盗摄一区二区在线|