推荐! powerNice Web版+桌面端软件,让文档编辑更简单

html 文档 编辑器 预览 导出
发布于 2024-07-31
1203

我们非常重视原创文章,为尊重知识产权并避免潜在的版权问题,我们在此提供文章的摘要供您初步了解。如果您想要查阅更为详尽的内容,访问作者的公众号页面获取完整文章。

扫码阅读
手机扫码阅读

摘要

前言

徐小夕介绍了其开发的在线文档编辑器PowerNice,以及新推出的桌面端软件版本powernice-electron,支持mac和window系统。PowerNice支持导出多种格式,如html、pdf、md和png图片。

背景

为了满足技术工作者编写技术文档和分享的需求,徐小夕和朋友们开发了「powerNice」,一款轻量级且灵活的文档编辑工具,支持markdown和富文本两种编辑模式。

技术选型

「powerNice」使用了React、Ant Design、Dva、For-editor、Braft-editor、Nodejs和浏览器指纹识别技术。

功能盘点

  • 支持多模式编辑,使用React实现。
  • 提供浅色和深色两套主题。
  • 支持一键导入导出,包括Markdown和PDF文件,以及导出海报图和HTML内容。
  • 多模式预览,支持手机端和PC端。
  • 实现字数行数统计。
  • 文章管理采用浏览器指纹识别技术,方便用户切换和编辑文章。

核心技术实现

导入md/html文件和下载html文件的技术实现包括使用ant的upload组件、FileReader API和file-saver库。用户识别方面,使用canvas指纹识别技术,通过绘制文字图片的方式来区分不同用户。

最后

徐小夕指出,通过关注“趣谈前端”公众号并回复“文档编辑器”,可以获取编辑器软件。他鼓励用户收藏并点赞,同时提供了更多前端相关的知识和实战内容。

这段HTML摘要概述了徐小夕开发的「powerNice」文档编辑器及其技术实现和功能。提供了多模式编辑、多主题支持、一键导入导出、多模式预览、字数统计和文章管理等功能,并且介绍了核心技术实现,比如文件导入导出和基于浏览器指纹的用户识别技术。最后,徐小夕邀请用户通过微信公众号获取软件并分享反馈。

趣谈前端

徐小夕【知乎专栏作家】掘金签约作者,定期分享前端工程化,可视化,企业实战项目知识,深度复盘企业中经常遇到的500+技术问题解决方案。【关注趣谈前端,前端路上不迷茫】

157 篇文章
浏览 213K

还在用多套工具管项目?

一个平台搞定产品、项目、质量与效能,告别整合之苦,实现全流程闭环。

加入社区微信群
与行业大咖零距离交流学习
PMO实践白皮书
白皮书上线