上一篇講了keystonejs的環境搭建,helloworld跑起來以後,實際運用中會發現各類問題,今天就說下富文本編輯器的問題(針對後端不熟的同窗)。git
不太熟悉網頁嵌入富文本編輯器的同窗可能和我同樣,當實際發博文的時候,發現默認的編輯器好簡單,經常使用的h1,h2,分割線,代碼引用等沒有對應的按鈕。怎麼辦?我當時的思考過程以下:github
首先,認爲這是做者本身開發的簡易文本編輯器,想豐富只能找其餘的替代。那就開始重點搜開源的,支持markdown的js富文本編輯器,結果找到了Editor.md,大概看了下,仍是蠻豐富的。後端
而後,開始改造吧,結果找了半天沒有找到對應的代碼,後來才發現後臺admin部分的透明,項目下沒有後臺相關文件,真是「辛辛苦苦大半年,一朝回到解放前。」markdown
再而後,想着要麼改造系統級源碼,成本過高,要麼放棄,折騰半天放棄,太惋惜。難道這真的是「雞肋」嗎?不可能啊,star一萬多,仍是先從自身找緣由,繼續研究。編輯器
最後,在文檔配置模塊下找到了後臺UI配置(Configuration>Admin UI Options),原來做者是用的tinymce,keystonejs文檔給了簡單的配置說明,詳細部分仍是參考tinymce官方文檔。spa
默認的樣式:
官方配置示例:
圖片