带有气泡菜单扩展的Tiptap

文章/答案/技术大牛

发布

1回答

javascript、laravel-livewire、tiptap

我正在使用Livewire/Alpinejs堆栈，还安装了tiptap编辑器。到目前为止，遵循这个link，编辑器就可以使用它的基本功能/按钮了。我想要的是在游戏中添加气泡菜单扩展。我已经安装了这个包，也遵循了这个link中的文档，但它不工作(在选择一个单词后，气泡菜单将不会出现)。下面是代码。 import { Editor } from '@tiptap/core

浏览 25提问于2021-06-23得票数 1

1回答

简单的tiptap扩展或prosemirror插件

vue.js、vuejs2、prose-mirror、tiptap

我想使用与prosemirror编辑器一起工作的vuejs的tiptap编辑器。我读过很多关于tiptap的文章，但文档并不是最好的，prosemirror本身对我来说也非常复杂。我想在tiptap编辑器中实现我自己的扩展。例如，在菜单中，我想按下一个按钮，然后在文本字段中插入一个div。div可以有许多像<div class="rectangle_var" company="e

浏览 8提问于2020-03-04得票数 3

1回答

Vue TipTap编辑器-无法添加链接

tiptap

我正在使用Vue3 & TypeScript构建一个TipTap Wysiwyg编辑器。在尝试使用链接扩展时出现问题(其他扩展，如StarterKit、突出显示和TaskList可以正常工作)。下面是文档：进口import Link from '@tiptap/extension-link' 使用默认选项向编辑器添加链接扩展</

浏览 12提问于2022-03-13得票数 2

1回答

如何向提示编辑器添加文本对齐？

vue.js、nuxt.js、vuetify.js、editor、tiptap

我在nuxt中使用了tiptap编辑器。<template> :value="value" class="Editor" @input="$emit('input', argum

浏览 0提问于2020-12-21得票数 2

1回答

挂载钩子中的错误："TypeError:类构造函数节点在没有‘new’的情况下无法调用

node.js、vue.js、vuetify.js、tiptap

错误 <template> <tiptap-vuetify :extensionsOrderedList, ListItem, Link, Blockquote, HardBreak, HorizontalRule, History ,TodoList,Tod

浏览 9提问于2020-12-14得票数 1

回答已采纳

1回答

在使用VueJS扩展Tiptap* Vuetify时保留编辑器内容中的样式和类*

javascript、vue.js、vuejs2、vuetify.js、tiptap

我将一个名为tiptap-vuetify的Vue.js扩展集成到我的项目中。但是，当内容被注入到tiptap编辑器中时，它会自动从HTML中剥离所有类和内联样式，然后在内容编辑器中显示它。给出以下示例： data () { tiptap: { History,paragraph-class'>paragraph tag with class</p>

浏览 20提问于2021-01-30得票数 2

1回答

在TipTap中创建预先格式化文本

html、tiptap、prose-mirror

我正在使用TipTap编辑器作为web应用程序的文本编辑器。目前，我在编辑器中输入的任何文本都会被去掉其空白。对于想要创建简单的、空间格式化的内容的用户来说，这是一个问题。有没有办法在TipTap中使用(预先格式化的) HTML标记？(除了代码块扩展之外，因为这排除了任何其他类型的样式。)

浏览 15提问于2022-11-27得票数 0

回答已采纳

2回答

提示编辑器，如何粘贴多个空行？

vue.js、tiptap

使用基本版本的Tiptap编辑器： <div v-if="editor"> </div>import { Editor, EditorContent } from '@tiptap/vue-3' import Docu

浏览 13提问于2022-02-09得票数 2

1回答

如何改变tiptap-vuetify的风格

css、vue.js、vuetify.js、wysiwyg、tiptap

我正在使用tiptap-vuetify(https://github.com/iliyaZelenko/tiptap-vuetify)作为我的所见即所得编辑器。但是我不想要默认的样式。Sing它不以类或风格为道具我如何按照我想要的方式来设计它(如去除阴影，将灰色改为白色等) ?

浏览 21提问于2021-08-30得票数 0

1回答

Vuejs，带有setter freeze组件的计算属性

javascript、vue.js、rich-text-editor、computed-properties、tiptap

我有一个带有tiptap文本编辑器的组件。我使用带有setter的计算属性将数据绑定到编辑器。<template></template> export default {$store.commit("Notes/updateCurrentNoteText

浏览 12提问于2020-08-30得票数 0

回答已采纳

1回答

将数据发送到由其他视图在Laravel中扩展的视图

php、view、laravel、extend

我有一个主要的观点，是由不同的其他观点扩展的。主视图有一个标题和左边栏。标题上有三个带有气泡的按钮:菜单上的Stories, New User and, Returning Users.气泡显示信息，就像New Users上的气泡显示今天注册的访问者的数量一样。此视图由在不同控制器方法中使用的所有其他视图进行扩展</em

浏览 3提问于2014-06-12得票数 0

回答已采纳

1回答

我已经在Vue中开发了简单的富文本输入，并使用tip tap lib。然而，我遇到了一个问题。一旦我点击了linked，word id不会将我重定向到一个新页面，而是重定向到一个带有我输入的localhost andress和URL的页面。这是它看起来的样子。是什么触发了这样的行为？这是我使用setLink按钮的代码。/vue-3' import StarterKit from '@tiptap/starter-

浏览 64提问于2021-08-11得票数 0

1回答

Tiptap删除Nuxt项目中的Vuetify包

nuxt.js、vuetify.js、tiptap

我有一个Nuxt项目与Vuetify，我想使用Tiptap作为WYSIWYG作为一个输入。我遵循提示安装指南，即：npm install @tiptap/vue-2 @tiptap/starter-kit。在安装过程中，一些软件包似乎被移除。因此，安装后，应用程序将无法运行。它发出了一个错误的Cannot find module 'vuetify/es5/util/colors'，我已经研究过了，并发现它是由丢失的Vuetify包，已经

浏览 12提问于2022-01-20得票数 0

2回答

我如何上传文件在提示-点击编辑器，以作出反应？

reactjs、editor、tiptap

我使用提示-点击编辑器来制作我正在工作的项目中所需的消息传递功能。一切似乎都对我有利，除了除了图片之外，没有任何本地选项可以在其中上传文件。是否有可能上传文件在提示-点击编辑器的反应？

浏览 23提问于2022-09-16得票数 0

1回答

从多个选择菜单中删除气泡计数

html、jquery-mobile、select

当使用带有多个select选项的选择菜单时，jQuery移动显示所选择的数字选项-即气泡计数。<option value="Yeshwanthpur">Yeshwanthpur</option> 如何从“选择”菜单中删除“多次选择”中的气泡计数？

浏览 3提问于2014-11-10得票数 1

回答已采纳

1回答

扩展tiptap2的两个TextStyle自定义扩展

tiptap

在tiptap2中，我有两个自定义扩展，它们添加了一个类与一个样式，因为我使用的是尾风，它只利用类，而不是内联样式。我在这两个自定义扩展中扩展了TextStyle，以便允许类和跨。我相信答案在于一次扩展textstyle，但我不知道如何做到这一点，并捕捉这两种结果。然后试着把"w“变成不同的颜色，我得到：我想要实现的是“你好”与完全青色，但仍然能够应用单独<e

浏览 7提问于2022-03-15得票数 1

4回答

提示字体大小反应

reactjs、font-size、tiptap

在我的react应用程序中，我使用tiptap作为编辑器，问题是我还没有找到如何修改编辑器中的字体大小，我已经搜索了一个外部包，但我没有找到任何一个。有人能告诉我是否有一个字体大小的包装与反应的提示？

浏览 22提问于2022-01-03得票数 6

回答已采纳

2回答

如何删除"shift-enter“的默认行为或在tiptap中添加自定义行为？

reactjs、tiptap

使用tiptap react实现有序和无序列表。我想要的功能，如用户当前在任何列表或任何列表是活跃的文本区域的提示，然后按下回车键消息应该发送一个单一的有序列表。问题是，当我需要在同一列表中添加另一行时，使用shift+enter键跳入具有更新列表数的新行，例如：标记并在任何工作节点之间添加一条简单的</e

浏览 30提问于2022-11-10得票数 0

回答已采纳

1回答

jQuery移动版-禁用多选菜单标签更改-计数气泡

jquery-mobile

当使用带有多选选项的选择菜单时，jquery会根据所选元素更改菜单的标签。看看这把小提琴。当用户选择发货选项时，所选元素将显示在菜单的标签中。如何禁用此功能并强制菜单保留与其关联的标签(即选择选项)？如何禁用计数气泡功能？

浏览 1提问于2012-05-15得票数 0

回答已采纳

1回答

如何使TipTap编辑器识别更新的外部状态值

reactjs、tiptap

这可能是一个问题，我没有经验使用一般的反应，但我仍然非常感谢任何洞察力。在这里可以找到一个很小的应用程序演示：一旦你做了一个评论，并点击它，你会发现它找不到新添加的评论。这就是我想要修复的

浏览 10提问于2022-07-22得票数 0

点击加载更多