问题标签 [tiptap]

我注意到您不能在 TipTap 上使用名称标签，这意味着您不能使用它通过 laravel 中的表单发送数据。有可能做这样的事情吗？

我试图editor.content直接绑定this.newTutorial.content 但还没有运气..

在控制台中：

这是我的代码：

我是 VueJS 的新手，对我的团队正在使用的 tiptap 编辑器更是陌生。我需要创建一个在编辑器中的光标位置插入链接的函数。

我确实知道带有浮动菜单气泡的 Link() 函数。这已经奏效了。但在 Web 应用程序中，他们希望有一个弹出窗口，其中包含填写显示文本和相应链接的选项，该链接应插入到光标位置的编辑器中。

目前，我已经有了这个代码：

但是，现在它附加到内容的末尾，并且还创建了一个新的段落标记，其中存储了新生成的 HTML(?)。

任何人都可以帮我指出正确的方向吗？那肯定很不错。

提前致谢！

我有点困惑如何在我的应用程序中使用它作为组件。具体来说，我很困惑如何正确地将数据从我的父组件传递<quasar-editor />到https://github.com/donotebase/quasar-tiptap。

我下面的代码会将episode.keyLessons我父组件中的数据传递到编辑器中。但是，当我尝试在编辑器中键入时，空格键没有注册。如果光标在<h1>顶部的部分中并且按下了任意键，则光标会立即跳到<p>编辑器的部分，而无需我单击那里。

我究竟做错了什么？

我试过的：

编辑器.vue

父.vue

我有一个 ssr 应用程序和一个使用vue-codemirror. 据我所知，这不能在 ssr 中使用，并且页面无法加载并出现错误“导航器未定义”。这是有道理的，因为在文档准备好之前导航器不会存在。

<q-no-ssr />我阅读了用于强制仅在客户端上呈现组件的文档。我尝试将我的文本编辑器组件包装在<q-no-ssr />标签中，但仍然遇到“未定义导航器”错误。

我使用的文本编辑器是quasar tiptap。

这是我尝试过的：

我错过了什么？

如何在 Nuxtjs 中向 Tiptap-vuetify 添加扩展 Text-align 和 text-color？

漏洞

[Vue 警告]：挂载钩子中的错误：“TypeError：没有‘new’就不能调用类构造函数节点”

应用程序.vue

系统信息

• 操作系统：Windows10
• Node.js 版本：v14.15.1

依赖项

• "core-js": "^3.6.5",
• "tiptap-vuetify": "^2.24.0",
• "vue": "^2.6.11",
• “vuetify”：“^2.2.11”

回购

待办事项列表问题

我在 nuxt js 中使用tiptap vuetify 编辑器。

但它没有text-align属性！

我的组件编辑器：

如何为编辑器添加文本对齐？手动添加，或者作为扩展，还是通过 JavaScript？我只想textalign。还是我应该使用其他编辑器？

所以我的问题是我似乎无法在 vuetify-nuxt 项目中使用tiptap 的“提及”功能。

原始示例可以在这里找到

更多有用信息：

• 来自tiptap github的示例实现在这里

• 在这里提出了类似的问题，但没有完全回答

• 在此处的 vuetify 集成库中提出了类似的问题

为此，我正在尝试结合文档示例。

我想在我尝试使用“tippy”时它会出错，这是用于显示实际列出用户从中选择的弹出窗口的 css 库（在 之后@），但我似乎无法理解真正的问题。

因此，当我键入@keydown/up 事件侦听器正在运行时，但是tippy 似乎没有成功绑定弹出窗口（它没有显示），并且发生以下错误：

这是我的tippy.js nuxt 插件：

这是我试图在其中显示编辑器和建议/提及功能的组件：

如何在上述设置中获得“建议”项目显示？

使用 TipTap，我试图避免添加 a <br />，而是创建 a ，当用户点击但我无法使其工作时<p></p>，焦点在里面。<p>|</p>shift-Enter

这是我到目前为止所做的：

我怎样才能做到这一点？