当前位置: 首页 > 网络应用技术

vue集成元素tiptap丰富的文本编辑器

时间:2023-03-09 02:07:20 网络应用技术

  当我今天写前端时,我遇到了一个问题。一开始,我以为我使用了角度标签来实现自动增长,然后很好。,老师在设计草稿的开头没有。

  后来,我去了这个丰富的文本编辑器。觉得前端并不容易,而且确实有很多东西要学习。

  功能要求就是这样

  它是选择一篇文章,粗体,添加斜体,添加样式,然后选择一个小菜单。

  对于这个气泡菜单,我真的找到了很多丰富的文本编辑器,最后转过身来看看。

  它易于使用,对开发人员友好,完全扩展,设计很简单。

  有了它,它主要是适应元素,然后我想使用他使用元素-UI组件。

  GitHub官方网站:https://github.com/leecason/element-tiptap

  NPM安装:

  直接安装后已经结束

  让我们发布最简单的示例:

  效果图如下:

  他的风格直接与Element-UI结合在一起。

  在功能方面,它有点少一些,但是它符合我的需求。还有什么?

  此外,气泡菜单带有自己的单词弹出。

  上面的示例已实现。

  另外,他的参数就像元素一样,与标签直接绑定。

  例如:

  我们不需要角色计数

  只需将此属性直接绑在标签上

  如下:

  现在,每日文章每天晚上在11.50播出。真的很难做到。

  大家好,我是博客

  一个喜欢文学和艺术但踏上编程之路的年轻人。

  希望:。

  但是,认真地说,确实有很多丰富的文本编辑。目前,我只是编写演示,而自定义样式无法完成。