问题标签 [trix]

我正在尝试在 React 中构建自定义粘贴事件。我有一个问题，如果我使用 React 事件，event.preventDefault()则在默认操作已经发生之后运行。

这是代码：

我已经成功地对 DOM 事件监听器做了同样的事情：

谁能告诉我为什么第一个解决方案不起作用以及如何以 React 方式实现这一点？

更新：我想补充一点，我在该 div 中使用 Trix 编辑器，如果这改变了任何内容。

我在“编辑视图”中使用 Basecamp 提供的非常简单的实现Trix 编辑器。

如何在不让用户通过更新按钮进行交互的情况下自动更改保存？

我正在考虑这样的事情：（ 旧脚本）

我真正想做的是：

向 Rails 服务器发布 ajax“发布”请求。就像是：

（身份验证和设计也存在问题。只有登录后，您才能发送 ajax 发布请求 ..??）

更好的做法是仅在用户更改某些数据时才保存更改，然后等待 5s，然后通过 json 将更新的数据推送到服务器。我不知道该怎么做...

PS：很想用“trix-editor”标签来标记这个问题，抱歉没有足够的代表这样做......

我正在尝试将At.js集成到Trix 编辑器中，以便我可以@提及用户。

正如您在上面的示例中看到的那样，出现了弹出窗口，但是当您选择一个项目时，您会收到以下错误：jquery.atwho.js:686 The given range isn't in document.

“给定范围不在文档中”是什么意思我应该从哪里开始寻找调试它？

我有 AngularJS 应用程序，我通过此指令使用 trix 富文本编辑器 https://github.com/sachinchoolur/angular-trix

我对自定义的工具栏有自己的指令（有时显示一些按钮，有时不显示等）。工具栏会加载，但 TRIX 编辑器不会将按钮链接到操作。

如果我将自定义工具栏从指令中移开，则按钮已正确链接。我认为，问题在于，由于 trix-toolbar 的加载时间晚于 trix-editor 所在的指令，因此当 trix 搜索具有属性 data-trix-attribute 等的按钮时，它们还没有在 dom 中。我不想将 trix 编辑器嵌入到工具栏所在的同一指令中，因为这会使 trix 的初始化和管理文件等变得复杂。

这只是我的短代码（玉）

在这里，我认为 trix-editor 是在 trix-toolbar 内容之前加载的，因此它失败了。

而my-trix-toolbar是一个指令，主要是复制原工具栏的dom结构

对于我的工作，我不得不派生Trix WYSIWYG编辑器并开始添加我知道不会被基础项目接受的新功能。我有一个功能允许用户在编辑器中左/右对齐嵌入的图像。

我的问题是关于测试的。Trix 代码库使用 QUnit，并使用自定义助手进行了一系列系统测试。对于上下文：我是 Rails 后端开发人员。这不是我的领域，我的实现可能非常笨拙。

我添加了一个系统测试，它使用与它所在文件中的其他测试相同的格式，并且正在努力理解为什么会出现错误。

因此，他们的一项测试（我没有编写并且始终通过）是这样编写的：

此文件中的所有测试都遵循类似的格式，即使用作为第二个参数传递的回调test（通常是）并在测试内容之前done调用。after 20, ->

我发现有两个相关的辅助函数与这个测试的编写方式有关。一个在文件test/src/test_helpers/test_helpers.coffee 中

然后after在test/src/test_helpers/index.coffee中有这个函数（连同这个defer函数，它也被其他通过的测试使用）：

所以我继续在之前的“编辑没有文件名的附件”测试之后为我的新功能添加了一个测试：

这（80-90% 的时间，但并非总是如此）失败，并出现错误：“Uncaught TypeError: after is not a function”，然后测试（只是我的测试）继续超时。当我删除 callafter 20, ->时，测试通过（我没有编写的所有其他测试总是通过）。

所以很明显我可以删除after 20, ->，但是我留下了一个难题，为什么我的测试在显然适用于其他测试的东西上失败了。谈到回调和超时，上周我才刚刚阅读You Don't Know Javascript 关于异步代码的部分，所以我确定问题是我无法清楚地掌握测试套件是如何使用回调的，但对于我的生活，我无法解决。

我正在构建一个 Rails 博客，我需要集成一个所见即所得的编辑器，所以我尝试使用 Summernote（v 0.8.1.1），一切都很好，除了当我创建一个新帖子时，内容与 html 标签一起保存到数据库中，而不是只有格式化的文本内容。后来我尝试使用 Trix (v 0.10.1) 并且发生了同样的事情。我正确地遵循了 github 文档中的所有内容，但只有一个问题仍然存在。先感谢您。

这是问题的屏幕截图：screenshot

我正在尝试构建一个 Chrome 扩展程序，以在 Trix 中的消息/评论末尾添加个性化签名/消息

通过阅读文档和其他类似问题，我发现这似乎很简单。content.js我的档案里有这样的东西......

......应该做的伎俩。但我不断收到这个错误......

在获得更多指导后，我在此处包含了我的清单、脚本和内容文件

清单.json

脚本.js

内容.js

I have multiple trix inputs on a form. Usually in forms when you press the tab key within a form input: it jumps you to the next form input. I noticed that on a desktop computer: tabbing for trix inputs actually tabs you through all the trix toolbar buttons before finally getting to the next input. Interestingly: it works as expected with an iPad and bluetooth keyboard.

This issue was pointed out on trix's github: located here. The issue was closed though since there were work arounds posted on there that apparently fix the issue. Here is one of the suggestions:

However, when I plugged that into my app and I looked at the front-end error logs, here is what it says:

TypeError: element of event.target.toolbarElement.querySelectorAll is not a function. (In 'element of event.target.toolbarElement.querySelectorAll("button")', 'element of event.target.toolbarElement.querySelectorAll' is undefined)

I trust that the solution works, but I am probably missing something. I not extremely familiar with javascript, so the error message is a bit cryptic to me.

• trix documentation
• I don't think this applies here: but I am using this in a rails project, and I bring trix in via the trix gem.

我使用Trix Editor在我的表单中添加 WISIWIG。我想用 RSpec 和 Capybara 进行测试，但 trix-editor 将字段隐藏了。

我需要知道如何用 Capybara 填充这个隐藏字段以使我的测试通过。我尝试了这些尝试：

这些都不适合我。有人知道在这种情况下我如何填充我的身体（用 trix）吗？

我目前有一个奇怪的问题，我正在寻找有关如何处理这个问题的任何见解。

我目前正在使用Basecamp Trix 编辑器接受 HTML 输入。

当我将输入发送到我的 Laravel 应用程序时，它会保存到我的数据库中：

然而，问题在于，当我使用 Laravel 的刀片将其插入 Vue 属性时，它实际上以某种方式将其转换回有效的 HTML：

结果：

似乎 Laravel 使用刀片回显语句将脚本标签转换为有效的 HTML？

我的观点：

结果：

问题是，我无法对此进行清理，因为 HTML 数据实际上在我的数据库中进行了转义，但是当 Laravel 将我的回复转换为 JSON 时，它实际上取消了脚本标签，并且在使用v-html指令时它实际上是在 Vue 中运行的。

我知道在使用指令时我不应该接受用户输入v-html，但我需要 HTML 支持来回复，而且我无法在我的 Laravel 应用程序中清理已经转义的 HTML。

有谁知道如何以某种方式对 Trix 的内容进行消毒？