首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

看了10款文档编辑器之后...

作为一名技术工作者, 我们经常会遇到编写技术文档, 技术分享等需求, 网上也有很多现成的文档管理工具, 出于好奇心, 我拉着朋友一起实现了一个, 用来自给自足....接下来就来介绍一下轻量级且灵活方便的文档编辑工具—— powerNice....powerNice 提供两种方式来编写文章/文档, 即程序员最喜欢的 markdown, 也可以使用非技术人员最容易上手的富文本编辑器. demo演示 ?...技术选型 实现 powerNice 在线文档编辑器我们采用如下核心技术栈: React Ant Design Dva For-editor Braft-editor Nodejs 浏览器指纹识别技术 功能盘点...1.多模式编辑 多模式编辑主要是指我们可以用富文本和md编辑器来编辑我们的文章, 我们采用最熟悉的 React 来实现, 效果如下: ?

92420
您找到你想要的搜索结果了吗?
是的
没有找到

基于slate构建文档编辑器

基于slate构建文档编辑器 slate.js是一个完全可定制的框架,用于构建富文本编辑器,在这里我们使用slate.js构建专注于文档编辑的富文本编辑器。...描述 Github | Editor DEMO 富文本编辑器是一种可内嵌于浏览器,所见即所得的文本编辑器。...而类似于Draft.js、Slate.js,他们是富文本编辑器的core或者叫做controller,并不是一个完整的功能,这样就能够让我们有非常高的可定制性,当然也就会造成开发所需要的时间比较多。...在slate的文档中有对于框架的设计原则上的描述,搬运一下: 插件是一等公民,slate最重要的部分就是插件是一等公民实体,这意味着你可以完全定制编辑体验,去建立像Medium或是Dropbox这样复杂的编辑器...在这里我们构建了专注于文档编辑的富文本编辑器,交互与ui方面对于飞书文档的参考比较多,整体来说坑也是比较多的,尤其是在做交互策略方面,不过做好兜底以后实现基本的文档编辑器功能是没有问题的。

99510

谈谈p5js编辑器

小菜的读者中有使用 p5js 进行学习和创作的,私信我想了解下 p5js 除了 Processing 软件的 p5js 模式,还有什么编辑器可以用。 这里小菜就单独开一篇文章来说下这事。...编辑器真的“没那么重要”。 不过如果使用 p5js 的读者想获得好的编辑体验,那还是可以说道说道的。 小菜这里列举下 p5js 可以用到的编辑器。...官方 Web 编辑器 https://editor.p5js.org 这个网站嘛,一言难尽,辑体验,也是一言难尽,竟然连代码提示都没有。...评分:★★★☆☆ Visual Studio Code + p5Canvas插件 + p5js Snippets Visual Studio Code 是微软公司出品的一款编辑器,核心功能稳定,配合社区强大的插件...修改 js 代码的同时,右侧也会同时刷新。

3.3K20

在线文档技术揭秘开篇 - 富文本编辑器

在线文档技术揭秘开篇 - 富文本编辑器 前言 本文旨在向大家介绍在线文档的核心模块富文本编辑器技术,并介绍业内主流商业文档产品如何进行富文本编辑器技术选型。...WIKI以及SAAS 产品内集成的知识库(Teambition Thoughts、Pingcode 等等);技术产品包括CKEditor、TinyMCE、Draft.js、 Slate、Quil.js...) MVC模式 数据和渲染分离,数据模型发生变更后,数据才发生变更(Slate、CKEditor 5、Quil.js) L2 自定义输入和操作,包括光标、输入法、删除等基础动作,具备绘图布局等能力。...富文本编辑器 - 技术选型 从团队规模角度 产品内容体验简单,并且缺乏编辑器开发者,推荐直接使用 Quill、 Slate.js、CKEditor、TIngMCE 进行二次开发。...从编辑器必备特性角度 健壮性 - 编辑器的稳定性是编辑器的生命线。 优秀的架构 能够定义一个文档模型,并且能够用一种简单的方式去区分两个文档模型是否在视觉上相等。

4.6K30

数维图API文档:SovitJS编辑器开放API

SovitChart、Sovit2D、Sovit3D已经在众多行业领域被使用,也受到了大家的一致好评,为了更好的二次开发,不少用户想把我们的编辑器集成在自己的系统中,强烈要求我们开放API接口,经过技术团队的努力...为了让大家更快的熟悉数维图SovitJS编辑器API,为此整理了一份详细的教程。数维图API能做什么?有人可能会问,API是什么?数维图API又能做什么?为什么这么多开发者迫不及待要调用数维图API?...简单的说,通过调用API,可以将我们的2D、3D和大屏编辑器无缝集成到你的业务系统/产品中,实现无代码开发二维、三维可视化场景。...集成数维图拖拽式编辑器后的业务系统/产品,具有更强的市场上竞争力,对客户来说更具吸引力。数维图API怎么调用?调用开放API接入编辑器前,必须进行通过签名认证的方式获取会话token。...数维图编辑器怎么接入?编辑器通过iframe接入到自己的系统中。

56520

JS文档碎片的理解和使用

本文将要探讨: js中对于文档碎片的理解与使用 1、我们要明白当js操作dom时发生了什么?...每次对dom的操作都会触发"重排"(重新渲染界面,发生重绘或回流),这严重影响到能耗,一般通常采取的做法是尽可能的减少dom操作来减少"重排" 2、什么是文档碎片?...document.createDocumentFragment() 一个容器,用于暂时存放创建的dom元素 3、文档碎片有什么用?...将需要添加的大量元素时 ,先添加到文档碎片中,再将文档碎片添加到需要插入的位置,大大减少dom操作,提高性能(IE和火狐比较明显) 示例:往页面上放100个元素; 普通方式:(操作了100次dom...:(操作1次dom) 先将dom暂存在文档碎片中,然后在一次性操作dom var df = document.createDocumentFragment();

1.6K20
领券