基于 TEdgeBrowser 的富文本编辑器

很多年以前,基于 TWebBrowser 做了一个富文本编辑器,我也开源到 github 上了。地址:

GitHub - pcplayer/IEditor: A VCL rich-editor based on Windows WebBrowser for Delphi.

这个基于 TWebBrowser 的编辑器,主要是采用 MSHTML 的接口提供的功能来实现。

TEdgeBrowser 不支持 MSHTML 了。所以改用 JavaScript 来实现,也可以使用更多的开源的 JavaScript 的库,来实现一些特殊的功能,比如,代码块。

因此,这里使用了 TEdgeBrowser 提供的执行 JavaScript 的方法,通过输入对应功能的 JavaScript 代码,来实现调整字体大小等功能。

对于插入本地图片的功能,这里采用了把图片数据编码为 BASE64 的格式,直接嵌入到 HTML 里面的方式,而不是将图片存到外面,HTML 里面只是引用图片的路径。这样做,一个图文混排的内容,最后保存为一个 HTML 文件,而不是保存为一堆文件,更方便管理。同时也方便流式输出编辑好的内容数据,比如直接把内容数据保存到数据库的一个 BLOB 字段里面,降低管理文件的复杂度。

好了,代码地址:

https://github.com/pcplayer/JSEditor/tree/master

因为是基于 JavaScript 的,使用者可以自己添加其它的开源 JavaScript 库,实现其它的功能。比如增加对 BootStrap 的支持,等等。希望为这个代码增加了功能的同好,能够通知我一下。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值