基于 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 的支持，等等。希望为这个代码增加了功能的同好，能够通知我一下。

最后

以上就是缥缈硬币为你收集整理的基于 TEdgeBrowser 的富文本编辑器的全部内容，希望文章能够帮你解决基于 TEdgeBrowser 的富文本编辑器所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。