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管理員
      暫無討論,說說你的看法吧
    ?
    個人中心
    購物車
    優惠劵
    今日簽到
    有新私信 私信列表
    搜索
    主站蜘蛛池模板: 精品不卡一区二区| 在线观看午夜亚洲一区| 欧洲精品免费一区二区三区| 国产午夜福利精品一区二区三区 | 精品无码一区二区三区电影| 亚洲男女一区二区三区| 麻豆一区二区99久久久久| 极品尤物一区二区三区| 杨幂AV污网站在线一区二区| 大屁股熟女一区二区三区| 国产免费一区二区三区| 色窝窝免费一区二区三区| 色噜噜AV亚洲色一区二区| 久久精品国产第一区二区三区| 色一情一乱一伦一区二区三区日本| 老熟女高潮一区二区三区| 无码毛片一区二区三区中文字幕 | 国产一区二区三区在线影院| 伊人色综合网一区二区三区| 无码一区二区三区在线观看| 亚洲一区日韩高清中文字幕亚洲 | 色老板在线视频一区二区| 无码中文字幕一区二区三区| 久久久91精品国产一区二区| 综合激情区视频一区视频二区| 国产主播在线一区| 亚洲av乱码中文一区二区三区| 精品国产aⅴ无码一区二区| 麻豆一区二区在我观看| 午夜福利一区二区三区在线观看 | 精品一区二区91| 国产在线步兵一区二区三区| 日本一区二区三区在线看| 精品视频午夜一区二区| 四虎在线观看一区二区| 亚洲午夜日韩高清一区 | 国产一区二区三区在线2021| 日韩一区二区电影| 精品欧美一区二区在线观看| 精品一区二区三区中文| 国产伦理一区二区|