跳到主要內容

發表文章

目前顯示的是 4月, 2026的文章

做一個簡單CK編輯器符合無障礙AA的設定方法!!

由於無障礙AA中規定對於A元素,或是iframe都需要有title語意說明,若是LINK外連還需要加上另開新視窗說明,如果用CK編輯器複製貼上,來源端就帶有連結但USER又沒設title就會被列為缺失,假使只是用於小型的說明用途欄位,用以下的CK設定參數就可以解決了! CKEDITOR.replace(" t extarea的id ", { height: 200, //高度 //toolbar參數,簡單的basicstyles及paragraph兩個插件(可自行增加) toolbar: [ { name: 'basicstyles', items: [ 'Bold', 'Italic', '-', 'RemoveFormat' ] }, { name: 'paragraph', items: [ 'NumberedList', 'BulletedList' ] } ], removePlugins: 'link,iframe,flash,forms', forcePasteAsPlainText: true }); 重點說明 removePlugins: 'link,iframe,flash,forms', 直接禁止:link,iframe,flash,forms類型的物件存在編輯器 forcePasteAsPlainText: true 貼上時,只保留純文字,不要任何格式 例如複製這一段有帶超連結的內容 貼到CK編輯框後,自動變成純文字格式,USER貼文也就不會有無障礙缺失的問題 這方法適合只需要簡單文字的編輯框,像是簡易討論區或是留言板,以及公開資料說明等,再必須符合無障礙AA規範下,用這方法能解決。 以上工作心得撰寫,有需要的朋友參考看看💁💁 工作心得撰寫: 徐嘉裕 Neil hsu

修正Xoops2.5.11佈景樣板system_search.tpl「顯示全部結果查」查詢失效的方法

今天無意中使用xoops的搜尋功能,結果發現資料多於預設數量時會被隱藏,但點選「顯示全部結果」卻查沒有半筆資料!!先釐清是不是佈景吃掉了showall變數,經確認換回官方的xswatch4佈景也是一樣結果,只能動手來找bug了,當然最先懷疑的一定是search.php,經過徹底查詢一路追到 case 'showall': //略.............. $xoopsTpl->appendByRef('results_arr', $results_arr); var_dump($results_arr);exit; //輸出陣列 確認$results_arr整包是有被輸出的,但樣板端卻沒顯示,這樣問題就很清楚了,是樣板端吃掉了$results_arr,接下來就來查樣板 ../themes/您的佈景id/modules/system/system_search.tpl (如果沒有去xswatch4整包拆回來) 發現$results_arr迴圈根本沒被輸出 <{foreach item=data from=$results_arr|default:null}> 略............ <{/if}> 這下傷腦筋了,PHP有給值,但到樣板卻消失,還好最後在前段找到這個兇手 <{if isset($nomatch) && $nomatch == true}> 因該是case 'showall':沒有給$nomatch = true 所以這一段才會無效,但如果改php檔之後升級xoops又會被覆蓋掉,那只能由樣板端處理 用筆記本開system_search.tpl,搜尋 <{if isset($nomatch) && $nomatch == true}> 替換成  <{if !empty($results_arr) || (isset($nomatch) && $nomatch != true)}> 這樣就能讓「顯示全部結果」恢復正常了(如下圖) 測試連結: https://neodw.com/search.php?query=%E7%B6%B2%E7%AB%99%E8%A8%AD%E8%A8%88&m...

Xoops免費佈景:neilambilight3.6正式版釋出-可兼容TAD模組,佈景設計開發:徐嘉裕Neil hsu

歷經一年多持續開發與優化,neilambilight 3.6 正式版正式登場。本次改版不僅全面強化無障礙AA支援,更導入尼爾自研的「Neil_ISP v2.0 分散式爬蟲攻擊智能防禦安全套件」,大幅提升網站整體安全與流量防護能力。 同時針對介面設計與操作體驗進行全面升級,加入aa-flow 自流動排版機制,可隨瀏覽器縮放自動調整版面,最高支援至400%,並達成TAD模組全面兼容,兼顧美觀、實用、安全、相容與無障礙等多重需求。 本次改版可說是一次從核心到體驗的全面進化,歡迎下載體驗全新升級的 neilambilight! 下載neilambilight3.6正式版       neilambilight3.6佈景展示站 新增與調整重點 無障礙 AA 全面升級 支援 NVDA 讀報、鍵盤操作優化、焦點管理強化 aa-flow 自流動版面(100%~400% 自適應) AWD 自適應流動排版系統 200% 自動單欄重排 250% / 300% / 400% 完整流動支援 全站 CSS REM 化 Neil_ISP v2.0 安全防護系統 蜜罐誘捕爬蟲 行為判斷封鎖 流量防護與 LOG 管理整合 TAD 模組全面兼容 自動補齊 JS / CSS 依賴 修正 tpl 衝突 Neil / TAD 智能分流機制 介面與操作體驗優化 新版 UI 設計(符合現代與 AA 安全色) 漢堡選單 / 浮動選單優化 字級切換與操作回饋強化 實用功能強化 短網址生成與還原功能 JSON-LD 結構化資料(SEO 強化) 表單與登入流程無障礙優化 GTM、AJAX、安全驗證補強     無論是視覺呈現、操作流暢度,或無障礙設計,neilambilight 3.6 都帶來全面性的升級體驗。 如果您正在使用 XOOPS 2.5.11 正式版,誠摯邀請您下載安裝,親自感受新一代佈景系統所帶來的穩定性與效率提升。 neilambilight3.6更新項目 修正無障礙NVDA讀報系統無法辨識JS的Enter事件,導...