上一篇講了keystonejs的環(huán)境搭建,helloworld跑起來之后,實際運用中會發(fā)現(xiàn)各種問題,今天就說下富文本編輯器的問題(針對后端不熟的同學)。
不太熟悉網(wǎng)頁嵌入富文本編輯器的同學可能和我一樣,當實際發(fā)博文的時候,發(fā)現(xiàn)默認的編輯器好簡單,常用的h1,h2,分割線,代碼引用等沒有對應的按鈕。怎么辦?我當時的思考過程如下:
首先,認為這是作者自己開發(fā)的簡易文本編輯器,想豐富只能找其他的替代。那就開始重點搜開源的,支持markdown的js富文本編輯器,結(jié)果找到了[Editor.md][1],大概看了下,還是蠻豐富的。
然后,開始改造吧,結(jié)果找了半天沒有找到對應的代碼,后來才發(fā)現(xiàn)后臺admin部分的透明,項目下沒有后臺相關文件,真是“辛辛苦苦大半年,一朝回到解放前?!?/p>
再然后,想著要么改造系統(tǒng)級源碼,成本太高,要么放棄,折騰半天放棄,太可惜。難道這真的是“雞肋”嗎?不可能啊,star一萬多,還是先從自身找原因,繼續(xù)研究。
最后,在文檔配置模塊下找到了后臺UI配置(Configuration>Admin UI Options),原來作者是用的[tinymce][2],keystonejs文檔給了簡單的配置說明,詳細部分還是參考tinymce官方文檔。
備注
默認的樣式:

默認的樣式
官方配置示例:

官方配置示例

官方配置示例