keystonejs富文本问题及思考过程

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

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

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

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

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

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

备注

默认的样式：

官方配置示例：

keystonejs富文本问题及思考过程相关推荐

edui 富文本编辑_React中使用UEditor百度富文本的方法
前言本文将介绍笔者在React的项目中使用百度的富文本编辑器Ueditor的过程.注意本文不提供一条龙式的使用方法,只是将使用过程中的一些实现思路进行总结,供以参考.react项目中导入uedito ...
狂神说SpringBoot16：富文本编辑器
狂神说SpringBoot16:富文本编辑器聊聊富文本编辑器简介思考:我们平时在博客园,或者CSDN等平台进行写作的时候,有同学思考过他们的编辑器是怎么实现的吗? 在博客园后台的选项设置中,可以 ...
微信小程序富文本解析点击图片放大_微信小程序解析富文本过程详解
前言最近公司在开发OTA微信小程序,一些页面的详情内容是HTML富文本格式的的,但是微信小程序不能直接解析HTML,需要将内容中的HTML标签转换成微信小程序所支持的标签. 开始的时候想过自己写方法 ...
wangeditor富文本编辑器使用过程中遇到的问题以及解决办法
背景我的项目之前用的富文本编辑器是quill,之前其实考虑用过wangeditor,但是当时wangeditor V3的英文支持不友好,而我们业务是面向海外的,所以综合考虑下来用了quill. 最近 ...
html超链接怎么换行,富文本过程中我遇到的问题以及解决方法（超链接换行以及无法接收超链接鼠标事件以及br或者nbsp;标签会崩溃报错的问题）...
1. 或者标签崩溃问题解决方法 HTMLElemen类中 var words = this._getWords(); if (words == null && (!this._c ...
alert获取输入框内容_实用开源：Web 聊天工具的富文本输入框
最近折腾 Websocket,打算开发一个聊天室应用练练手.在应用开发的过程中发现可以插入 emoji ,粘贴图片的富文本输入框其实蕴含着许多有趣的知识,于是便打算记录下来和大家分享. 仓库地址:ch ...
真·富文本编辑器的演进之路-Span开胃菜
Span的基础性概念分析国际惯例,官网镇楼,这是对Span最好的全局概览. https://developer.android.com/guide/topics/text/spans Span种类 ...
hexo×语雀实现云端富文本写作
本文章通过语雀编写首发自小冰博客什么是语雀? 「语雀」是一个「专业的云端知识库」,孵化自蚂蚁金服 ,是体验科技理念下的一款创新产品,已是 10 万阿里员工进行文档编写.知识沉淀的标配. 语 ...
初探富文本之OT协同算法
初探富文本之OT协同算法 OT的英文全称是Operational Transformation,是一种处理协同编辑的算法.当前OT算法用的比较多的地方就是富文本编辑器领域了,常用于作为实现文档协同的底 ...

keystonejs富文本问题及思考过程

备注

keystonejs富文本问题及思考过程相关推荐

最新文章

热门文章