资讯专栏INFORMATION COLUMN

keystonejs富文本问题及思考过程

callmewhy / 1592人阅读

摘要:上一篇讲了的环境搭建,跑起来之后,实际运用中会发现各种问题,今天就说下富文本编辑器的问题针对后端不熟的同学。那就开始重点搜开源的,支持的富文本编辑器,结果找到了,大概看了下,还是蛮丰富的。

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

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

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

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

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

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

备注

默认的样式:

官方配置示例:

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/19202.html

相关文章

  • keystonejs文本问题思考过程

    摘要:上一篇讲了的环境搭建,跑起来之后,实际运用中会发现各种问题,今天就说下富文本编辑器的问题针对后端不熟的同学。那就开始重点搜开源的,支持的富文本编辑器,结果找到了,大概看了下,还是蛮丰富的。 上一篇讲了keystonejs的环境搭建,helloworld跑起来之后,实际运用中会发现各种问题,今天就说下富文本编辑器的问题(针对后端不熟的同学)。 不太熟悉网页嵌入富文本编辑器的同学可能和我一...

    孙淑建 评论0 收藏0
  • keystonejs文本问题思考过程

    摘要:上一篇讲了的环境搭建,跑起来之后,实际运用中会发现各种问题,今天就说下富文本编辑器的问题针对后端不熟的同学。那就开始重点搜开源的,支持的富文本编辑器,结果找到了,大概看了下,还是蛮丰富的。 上一篇讲了keystonejs的环境搭建,helloworld跑起来之后,实际运用中会发现各种问题,今天就说下富文本编辑器的问题(针对后端不熟的同学)。 不太熟悉网页嵌入富文本编辑器的同学可能和我一...

    ckllj 评论0 收藏0
  • 前端_JavaScript

    摘要:为此决定自研一个富文本编辑器。例如当要转化的对象有环存在时子节点属性赋值了父节点的引用,为了关于函数式编程的思考作者李英杰,美团金融前端团队成员。只有正确使用作用域,才能使用优秀的设计模式,帮助你规避副作用。 JavaScript 专题之惰性函数 JavaScript 专题系列第十五篇,讲解惰性函数 需求 我们现在需要写一个 foo 函数,这个函数返回首次调用时的 Date 对象,注意...

    Benedict Evans 评论0 收藏0
  • js框架或者库

    摘要:使用开发富文本编辑器是开源的开发富文本编辑器开发框架。提供了一系列开发富文本编辑器的工具。本文通过开发一些简单的富文本编辑器介绍提供的各种能力简单易用的开源动画图标库如果你用过等图标,你可能会觉得它们很好看,用起来很很方便。 使用 flv.js 做直播 flv.js 是来自 Bilibli 的开源项目。它解析 FLV 文件喂给原生 HTML5 Video 标签播放音视频数据,使浏览器在...

    Winer 评论0 收藏0
  • 微信小程序文本解析wxParse Alpha0.1-支持HTMLmarkdown解析

    摘要:本项目由微信小程序开发论坛会员开发原文地址垂直微信小程序开发交流社区加载慢,等等微信小程序富文本解析自定义组件,支持及解析可能是第一个微信小程序富文本解析组件代码库地址示例版使用地址现状版本号目前还不太适合直接使用目前项目不 本项目由微信小程序开发论坛-WeAppDev http://weappdev.com/ 会员开发 原文地址: http://weappdev.com/t/wxp...

    daydream 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<