可以当病历的富文本编辑器

aiadit， 一个明显 ai 的下一代副文本编辑器，支持 ii 续写优化、校对翻译等等功能，我们来简单体验一下，在这里可以去切换主题， 在上面呢就是我们常用的富翁们编辑器的一个工具栏，在这个工具栏里面我们比较特殊的几点，嗯，就是结合了 ai 的功能，比如说在这里我们可以去选择一段话，然后在这里我们可以去进行一个续写优化，教对翻译，我们现在尝试下翻译，在这里就可以翻译成我们相关的英文， 我们也可以通过空格加斜杠快速弹开 ai 菜单。其次的话，针对于代码框，我们也可以去进行一个代码的自动注释以及解释，于是我们来看一下代码的一个解释，下面就会针对于这段代码给出相关的解释，以及我们可以去自动注释， 在这里会在这张代码上面去自动加上它相关的一个注释。另外这里也支持，嗯，比如说我们的表格，他在表格中也是， 这是我们的一个合并表格，我们在这里去点击一下就可以去合并这个单元格，他的集成也非常简单，在这里有一个快速开始，嗯，这里支持现代开发模式，我们可以通过 npm 去 insto 去安装这个依赖，然后就可以简单的使用了，以及传统开发模式的一个集成，以及 reankat， 还有维由一的一个集成。 在配置里面，我们可以去针对于工具栏以及国际化图片、视频附件、字体之号等等之类的一个配置。当然也有关于 ai 的一个配置，比如说像他的一个相关的 a， p， p， i， d， k 以及相关的菜单、命令单、板块、 ai 等等这一等，另外还有个 aid 的叉在左边，我们可以进行对话。右边就是相关的一个丰润编器了，感兴趣的小伙伴们可以下载体验一下。

好看屏幕，给大家介绍一款前端的副文本编辑器王 id 产，那他的口号呢，是轻量，简洁易用，开园免费免费。 那么从这款编辑器的名字就能够推断出他的作者是姓王。没错，我们到他的滴了哈佛主页上去看一下。嗯，小伙长得还挺帅，主要是发量还挺多。那么另外一个重点呢，是他的王 id 特获取的十大数量比他的发量还要多，这个是重点。 他的官网呢，给出的文档相当的详细，有文档，有案例，有担保，还有代码，所以呢，我们可以根据他的官方文档很快的上手。所以推荐这款轻量级的变机器，大家可以使用一下。

如何选择一个外部符文变音器？请大家一定要注意这几个坑。第一个，技术是否老旧啊，像我们常见的 you editor， 还有这个 kind， 这些都是很多年之前发布的分编器，而且他们都长时间没有更新，甚至都不再维护了。这些基础比较老旧的编辑器呢？那你在使用过程中可能会遇到很多问题，而且哪哪都解决不了啊，所以请大家注意， 技术要是最新的，最主流的就是才可以。第二个，中文是否友好啊？这个如果说你的英文非常好的话，请你忽略这一点啊，但是我想大部分用户的英文都没有像老外那么好，对吧？啊？比如说我们常见的国外的变音器，像 c k， adeter， 还有这个 tiny m c e， 还有这个 draft 啊，还有 sleet 等等这一些编辑器啊，还有这个 plus， mirror 啊，他们都是国外的编辑器，而且中文文档都比较少啊，如果是有的话，那也可能是别人临时翻译的，也不能保证最新的 啊，所以一定要注意，如果说他们中文不友好的话，你在阅读起来的话会很麻烦，沟通起来也不方便啊，这会增加你大量的一些开发成本和沟通成本。 好。第三个就是是否需要大量的二次开发啊，你不要以为所有的变音器都是拿来之后就用的啊，像有一些比较出名的变音器啊， plus， mirror， 还有这个呃， sleeves， 还有 draft 等等，这些他们都是需要大量二次开发的，也是他们自己本身 就是一个内核或者说一个框架，他不包含所有的功能啊，你都需要二次开发，那一旦二次开发了，那这很多事就来了，比如说开发过程中出现了问题，出现了 bug， 对吧？啊？然后 还有测试，测试完之后还要改 bug， 对吧？啊，所以说请注意啊，这个二次开发这工作量，然后啊，是否有框架约束啊，或者说是否有官方的框架支持啊，比如说 sleep 和 draft， 他们都是必须用在这个 rex 框架上的啊。再比如说这个 plus mirror 这个编辑器，它是没有任何框架支持的，也就说它本身不支持不原声，支持 view， 不原声，支持 rex， 需要你 你自己手动去封装啊，这个是需要注意的，这也需要成本，对吧？然后就是最后一个事项，新产品是否稳定 啊，这个请大家务必要注意，就是很多人自己做了复印编辑器，然后呢在网上宣传一下 啊，请大家去试用啊，当然这个对于个人的学习和开发来说是非常好的事情，但是如果你作为用户呢，请你一定要注意一下他这个产品是否稳定，因为编辑器呢，他是一个非常复杂的一些软件 啊，如果没有经历过大量的用户使用，大量的用户测试，那这个坑是比较多的啊，就比如说这个给的哈巴的星是不是比较多， mpm 下的量是不是大一些啊？是不是这个有大厂背书，或者说是不是有这个足够的单元测试，或者一推一 测试啊，等等这些啊，所以最后大家只要注意这几个地方，这几个坑，就可以找到一个非常合适的浮粉变形器啊。最后也推荐大家关注一下我开发的网艾力特浮粉变形器。

奥猫一个副文本协同编辑器框架，开箱即用，提供几十种丰富的插件，满足大部分需求。丰富的多媒体支持，也支持 mark down 语法，纯 js 编写，不依赖任何前端。酷内置协同编辑方案，轻量配置即可使用。

我们来实现一个类似于这样的一个富翁迷你器，因为呢我们的文章内容部分呢，不光可能有文字啊，也可能会有一张图片，对吧？还可能甚至有一些视频了，音乐了，时间了这样一些其他的元素，所以说呢，我们需要用到一个富翁迷你器。 这节课呢，我们讲一下这个百度复活免疫器啊，是复活免疫器里边在国内目前为止还是做的比较好的一个啊，那我们来看一下这个百度复活免疫器， 大家要用百度符文编辑呢，第一步啊，你需要先把这个符文编辑器呢下载下来，他其实就是一个 gs 包啊，里边通过 gs 来实现了这么一个编辑器。那我们先在百度里边呢搜一下有 id 啊，这个百度符文编辑器，然后呢你点开， 点开以后呢，这个地方呢会有下载啊，还有他相关的文档，大家呢如果想呃熟练使用的话，哎，最好呢把这个文档看一下， 我们呢点一下下载，这个地方呢会有一些版本啊，那你下载的下载最新版本就可以了，我们下载是 utf 杠八的。这个啊，下载完了以后呢，我我已经下下来了啊，下来是这样子的，大家可以看一下啊，就这么一点点啊，这个文件里边呢， 他会提供一个呆帽啊，他会提供呆帽哎，也会呢，我这个地方也会也写了一个说明，大家可以简单看一下啊。首先 你需要哎，你要用百度复密编辑的话，第一步呢是需要安装的啊，第一步是需要先下载，下载完了以后呢把下载包呢把下载包，然后呢移动到指定的位置，我们来试一下啊，我们把这个下载包呢移动到这个哎，我们项目里边的这个 top 的程度下啊，好，把它移进来， 移进来以后呢，那我们需要在我们的呃文章控制器里边啊，文章添加页面里边引入他啊，那我们找到我们的代码，代码呢？引入在哪呢？是不是在这个 地方哎，大家看是不是在这地方，对吧？好，我们呢引路一下啊，我先把这个区域定义好啊，然后这个呢？ 好，这块呢大家看，我呢就是想在这个地方你入啊，你入的话，呃现在呢？ 我为了代码在哪呢？看一下，咱是把它放到了帕布丁路下，对吧？在帕布丁路下，然后呢是在这啊，咱现在要引入几个东西啊？哪几个呢？第一个来看一下是什么呢？是我们的这个，首先你需要第一个容器，对吧？我们先第一个容器啊，第一个容器， 容器就是最终最终生成这个的，这个的啊就是容器来承载这么一个负面器啊，我们需要一个容器啊 啊，当然你可以对这个容器呢进行一个数数化，比如宽高了都可以在这里面数数化啊，我们就默认了就可以了。然后呢？ 呃容器有了，然后咱还需要引入一些配置文件，对吧？这个地方会有些配置文件，然后你可以在上面也行，下面也行啊，因为他都是自上而下运营的，我们把它放上面来吧，好，配置文件呢？哎， 他是在呃 uit 上，大家可以看到我们是把它包在哪呢？是帕布丁目录下，所以说呢他的位置是。呃他的位置是帕布丁目录下的 uit 色这样的， 这个呢叫 uig， 看这个就是配文件，对吧？嗯，就他，然后呢第二个呢？是哎，编辑原版文件。好，我们也引入了啊，那你还可以继续引入一个什么呢？原包啊，大家可以看到我这个地方呢也提供了这么一个视力，大家看一下， 看他题目的节目里边啊，我们来看一下有机。哎，在这个地方呢，我们你看一下他除了引入 ctrl 配置文件然后圆满包以外，还是不是还影了一个圆包啊， 但是你可以这个地方也可以写一下啊，好，在这个地方呢我们再引入个圆包啊，同样的位置是在哪呢？为啥是在这啊？ 好了，那我们这个配置就设置好了，那这样能用吗？还不行啊，还差一步。哪一步呢？就是人家这个地方说了 还需要呢，干嘛？实力化看到吗？还需要实力化一下啊，实力化兵器啊，我们需要在这地方实力化兵器， 那这个变异器的名字呢？我们看一下这个地方呢是不是叫啃啃，啃啃点，对吧，那我们这地方也叫啃啃点啊，好，我们来实力化， 来，咱先看下效果啊，看下最终出没出效果来打开我们的添加文章。哎，是不是出来了，出来以后呢，这个 宽高，呃，可以啊，但是这个宽高好像不是我们想要的宽度还可以，对吧？高度我们调一下啊，调一下，你可以在这地方出水画也可以呢，可以在这地方出水画一下，对吧？是你的出水画带吗？也可以呢，在这个地方呢直接加磁垫啊，比较简单了。是这样，然后呢高度对吧，我们来个五百看一下行不行？好吧， 然后呢，我们再来添加文章，哎，是不是高很多啊？对吧？哎，这样的话，是不是你的这个就可以在里边写东西了，对吧？你可以写很多很多东西，比如说加入一些图片啦，都是可以的啊，加入图片大家看是不是都可以啊？这样你的文章里边是不是就文章内容里边是不是有图片了？哎， 我们这样的话就可以把百度变音器集成进来了啊。当然了，百度变音器呢也有一些用法，比如说大家可以看到他提供了很多用法，比如说我们要获取整个平面的内容，怎么办呢？你就这样啊，就是先实力化以后，然后呢或让这个实力化以后，大家看这个方法是 给他哦一体表，对吧？我们来搜一下啊，来搜一下， 是不是用这个方法啊？就是 先获取实力化这个编辑器，然后片子凹一批面，是不是就可以获取到里边的内容了？哎，其他的都是一样的啊，你可以如果你想对过关编辑器进行一些操作，那就可以教你这些 app 的方法就可以了。