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插件

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

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

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

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

    給TA贊賞
    共{{data.count}}人
    人已贊賞
    ??
    Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
    無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
    ?
    購物車
    優惠劵
    搜索
    主站蜘蛛池模板: 无码人妻精品一区二区三区蜜桃| 91video国产一区| 日本一区二区视频| 日韩aⅴ人妻无码一区二区| 成人免费视频一区二区三区| 久久精品国产亚洲一区二区三区| 欧美成人aaa片一区国产精品| 国产亚洲无线码一区二区| 日韩一区二区三区视频| 无码人妻精品一区二区三区蜜桃| 国产美女精品一区二区三区| 国产伦精品一区二区三区视频金莲| 日本激情一区二区三区| 亚洲一区二区三区四区在线观看 | 亚洲乱色熟女一区二区三区蜜臀 | 国产精品成人国产乱一区| 国产成人一区二区动漫精品| 精品无码一区二区三区电影| 亚洲国产一区国产亚洲| 亚洲高清日韩精品第一区| 老熟女高潮一区二区三区| 精品无码av一区二区三区| 亚洲av鲁丝一区二区三区| 亚洲av无码一区二区三区乱子伦 | 国产免费一区二区三区在线观看| 国产福利电影一区二区三区久久老子无码午夜伦不 | 亚州国产AV一区二区三区伊在| 国产精品盗摄一区二区在线| 国产成人一区二区在线不卡| 日本在线观看一区二区三区| 精品无码中出一区二区| 日韩经典精品无码一区| 国产精品亚洲产品一区二区三区| 国产在线精品一区二区不卡麻豆| 国产亚洲自拍一区| 久久er99热精品一区二区| 精品人妻少妇一区二区三区不卡 | 国产精品日本一区二区不卡视频 | 国产美女视频一区| 波多野结衣一区二区三区88 | 高清一区二区三区免费视频|