keystonejs富文本问题及思考过程

上一篇讲了keystonejs的环境搭建,helloworld跑起来之后,实际运用中会发现各种问题,今天就说下富文本编辑器的问题(针对后端不熟的同学)。

不太熟悉网页嵌入富文本编辑器的同学可能和我一样,当实际发博文的时候,发现默认的编辑器好简单,常用的h1,h2,分割线,代码引用等没有对应的按钮。怎么办?我当时的思考过程如下:

首先,认为这是作者自己开发的简易文本编辑器,想丰富只能找其他的替代。那就开始重点搜开源的,支持markdown的js富文本编辑器,结果找到了[Editor.md][1],大概看了下,还是蛮丰富的。

然后,开始改造吧,结果找了半天没有找到对应的代码,后来才发现后台admin部分的透明,项目下没有后台相关文件,真是“辛辛苦苦大半年,一朝回到解放前。”

再然后,想着要么改造系统级源码,成本太高,要么放弃,折腾半天放弃,太可惜。难道这真的是“鸡肋”吗?不可能啊,star一万多,还是先从自身找原因,继续研究。

最后,在文档配置模块下找到了后台UI配置(Configuration>Admin UI Options),原来作者是用的[tinymce][2],keystonejs文档给了简单的配置说明,详细部分还是参考tinymce官方文档。

备注

默认的样式:


keystonejs富文本问题及思考过程_第1张图片
默认的样式

官方配置示例:


keystonejs富文本问题及思考过程_第2张图片
官方配置示例

keystonejs富文本问题及思考过程_第3张图片
官方配置示例

你可能感兴趣的:(keystonejs富文本问题及思考过程)