keystonejs富文本問題及思考過程

上一篇講了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官方文檔。

備注

默認的樣式:


默認的樣式

官方配置示例:


官方配置示例

官方配置示例
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,148評論 25 708
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,616評論 19 139
  • 說起財富,我們會想到房產(chǎn)、有價證券、存款和金銀珠寶等物質(zhì)財富,當然我們還會聯(lián)系到健康財富、精神財富等引申意義。不過...
    閆言閱讀 568評論 1 4
  • 出行方式 我和我的小伙伴們?nèi)r選擇的是坐飛機,回來時選擇的坐火車。 因為我們出行的日期7月10日左右,正是暑假開始...
    綠蘿葳蕤閱讀 848評論 0 9

友情鏈接更多精彩內(nèi)容