工具提示外掛

在指定欄位附近加入圖示,游標移上時顯示提示說明。可作為標籤欄位的替代方案使用。

輸入表單的各個欄位,最好能盡可能清楚明確地標示希望使用者如何填寫。

kintone 為此準備了幾項功能,其中標籤欄位應該是最常被使用的。

不過,kintone 的版面配置存在一些限制,並非所有欄位都能自由地縱橫配置。

若補充說明或注意事項寫得太多,反而會讓表單變得難以閱讀、難以填寫。

既想讓表單保持簡潔,又希望盡可能顯示輸入提示。

這次我們準備了一款能實現這類需求的外掛。

原始碼全部公開於 GitHub,可免費使用。

外掛提供的功能

顯示工具提示

在欄位右側加入圖示,當游標移到該圖示上時,即可顯示所設定的說明。

圖示支援以下畫面。

  • 記錄清單畫面
  • 記錄詳細畫面
  • 記錄編輯畫面
  • 記錄新增畫面

支援 HTML

可顯示包含 HTML 標籤的說明內容。

顯示圖片

使用 HTML 標籤,也可以在工具提示中顯示圖片。

顯示連結

同樣地,也可以顯示連結,貼上操作手冊或參考資料的連結。

工具提示的設計

工具提示可運用 HTML 進行彈性的自訂,但即使不撰寫任何標籤,也能輕鬆完成設定。

作為選項,您可以設定工具提示的背景色與文字顏色。

適合使用本外掛的情境

客戶資料的詳細輸入

客戶資料對許多公司而言都是重要資訊,但由於輸入項目眾多,填寫者有時會不確定該如何填寫。

使用工具提示,即可向填寫者顯示各個項目的填寫方式與注意事項。

問題回報表單

在問題回報表單中,需要請填寫者詳細記述問題內容,但填寫者有時並不清楚該提供哪些資訊。

使用工具提示,即可向填寫者說明問題的內容與回報方式,讓填寫者能順利完成問題回報。

外掛的原始碼

本外掛為開源專案。 外掛由哪些檔案構成、實際上是如何實作的,所有程式碼都可以在 GitHub 上確認。

若您想查看外掛的原始碼,可以透過本頁上方的「查看原始碼」按鈕前往外掛的儲存庫。

發布紀錄

版本 3.6.0
2026/05/21

改為可透過富文字編輯器或 HTML 兩種方式編輯工具提示的內容

版本 3.5.0
2026/02/16

翻新工具提示內容的編輯功能,導入富文字編輯器

🎨
版本 3.4.0
2024/12/16

改善行動版的顯示

🚸
版本 3.3.0
2024/09/21

於外掛設定畫面新增快捷選單

🎨
版本 3.2.0
2024/09/10

改善圖示的顯示位置
解決樣式衝突

版本 3.1.0
2024/08/23

實作以畫面為單位控制顯示的功能

🚀
版本 3.0.0
2024/08/22

翻新圖示與工具提示的設計與顯示方式
支援 HTML 標籤

🚸
版本 2.2.0
2024/08/02

支援外掛設定的排序