跳至主要內容

外掛

使用純 CSS Tailwind CSS 插件擴展 Frutjam。零 JavaScript、WCAG 可存取、與框架無關。適用於 Django、HTMX、Laravel 和任何框架。

Frutjam 外掛程式透過標準 UI 元素以外的附加元件和整合擴展了核心庫。每個外掛程式都是獨立的 npm 套件 - 僅安裝您的專案所需的內容,並使用單一 @plugin 指令與主 Frutjam 匯入一起註冊。外掛程式與現有主題系統無縫集成,自動繼承您的 CSS 變數和 WCAG AA 顏色標記。插件的設計與框架無關,可與 Django、HTMX、Laravel、React 和任何 Tailwind CSS v4 專案搭配使用。

降價編輯器

Markdown 文字編輯器插件,可將本機文字區域轉換為完整的編輯套件 - 無需同步。所見即所得和純 Markdown 模式、即時預覽、尋找和替換、RTL 支援、深色模式。適用於 Django、Laravel、Rails、Node.js、PHP 和任何堆疊。

什麼是插件?

Frutjam 外掛程式透過附加元件、實用程式或整合來擴充基礎庫。每個外掛程式都是獨立的包,您可以選擇加入 - 僅安裝您需要的內容,保持 CSS 包的精簡。

獨立包

每個插件都是一個獨立的 npm 套件。將其與 Frutjam 一起安裝,並在 CSS 中使用單一 @plugin 指令進行註冊。

與框架無關

插件適用於任何堆疊 - Django、HTMX、Laravel、React 或純 HTML。不需要特定於框架的包裝器。

如何安裝 Frutjam 插件?

透過 npm 安裝插件並將 @plugin 指令新增至 CSS 檔案。例如:npm i -D frutjam-plugin-name,然後在 CSS 中加入 @plugin "frutjam-plugin-name"; 下面的 @plugin "frutjam";。就是這樣——不需要 JavaScript 配置。

外掛僅限 CSS 嗎?

這取決於插件。純 UI 外掛程式僅包含 CSS。有些外掛程式(例如 Markdown 編輯器)是基於 JavaScript 的,因為它們的功能本質上需要腳本編寫。每個插件頁面都清楚地記錄了是否需要 JavaScript。