DSH 網頁客戶端原生的會話文字列寬度限制在 748px,在大屏上左右浪費大量空間。dsh-chat-width 插件通過覆蓋客戶端 CSS 變量,將默認寬度調整爲 1040px,並提供進一步的調節手段。
插件簡介¶
這是一個客戶端插件,由用戶 764475881 維護。它將默認聊天內容寬度從 748px 調整爲 1040px,並支持通過拖拽把手或控制台命令進行實時調整。
核心功能¶
- CSS 變量覆蓋:通過客戶端 CSS 覆蓋
--dsh-chat-content-width變量來調整寬度。 - 拖拽把手:文字列右緣有一個把手,按住拖動可實時調整寬度,鬆手自動記憶。雙擊把手恢復默認值 1040px。
- 控制台命令:使用
__setChatWidth(value)調整,範圍 520~2400。 - 自動響應:輸入框和底部工具欄寬度隨內容寬度自動變化。
安裝與啓用¶
- 確保環境中的 DSH 版本 >= 0.1.0-rc.7。
- 在 Web Profile 下執行安裝命令:
dsh plugin --profile web add github:764475881/dsh-chat-width
典型用法¶
- 恢復默認:雙擊右緣把手。
- 控制台調整:打開瀏覽器控制台 (F12),輸入:
__setChatWidth(960)
注意事項¶
- 寬度設置會保存到瀏覽器的 localStorage(鍵
dsh_chat_width)。 - 依賴 DSH >= 0.1.0-rc.7。