问题标签 [trix]

使用 ActionText 时，f.rich_text_area呈现一个 Trix 编辑器。当我向编辑器添加附件时，它会自动开始直接上传。如果我在上传完成之前提交表格，显然文本中会缺少附件。我知道在上传开始之前刚刚添加trix-attachment-add附件时会触发该事件。我可以添加什么事件侦听器以便知道上传何时完成？

我正在使用 Trix 编辑器并尝试在框中呈现一些存储的内容，但没有显示任何内容。我的 Trix 编辑器组件包装器：

无论我是否提供存储内容道具，页面上的编辑器都不会呈现任何内容。它只显示一个空编辑器。但是，在检查时，隐藏的输入确实会在页面上显示存储的内容（或“空白”）。

只要我在框中写入任何内容，“空白”值就会被覆盖。

有什么想法吗？

如何在现有模型中引入 trix 字段？比如模型有标题、副标题、段落，我想用trix来填充。到目前为止，我对 trix 文本有不同的模型。

我希望文本成为一个矩阵字段。

这是我的表格。

这是我的控制器。

变量$trix为空。

我想知道如何将我的数据库 trix 字段中的文本引入编辑器以进行进一步编辑。提前谢谢你！

我正在尝试通过我的 trix 编辑器上传图像，并且还想将图像上传到 AWS S3。

图像已成功上传到 ActiveStorage，但没有上传到 S3。

但是，我在 rails 控制台中看到了类似的内容Generated URL for file at key: Gsgdc7Jp84wYTQ1W4s (https://bucket.s3.amazonaws.com/Gsgdc7Jp84wYT2Ya3gxQ1W4s?X-Amz-Algorithm=AWS4redential=AKIAX6%2F20200414%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20241821Z&X-Amz-Expires=300&X-Amz-SignedHeaders=content-md5%3Bcontent-type%3Bhost&X-Amz-Signature=3613d41915e47baaa7c90421eee3f0ffc)

我看到 trix 文档提供attachments.js，它上传到云提供商https://trix-editor.org/js/attachments.js。

下面也是我的代码的相关部分，用于上传到 ActiveStorage

以下是我的问题：

1）如果我的活动存储配置为上传到 S3，我还需要 attachments.js

2）我的活动存储配置为上传到 S3，我在 rails 控制台中看到上述响应，但在 S3 中看不到文件。

解决这个问题的任何帮助都会非常棒。谢谢。

拜托，我需要帮助来访问<trix-editor>我的Mutation组件中的元素。我React hook useRef()用来访问这个，但得到null. 从Chrome Dev Tools（下图）我可以看到该元素已被引用。我已经尝试了这里和这里给出的一些解决方案，但没有运气。问题似乎在于Mutation组件的渲染。我是新手React，所以不确定我是否正确。我究竟做错了什么？预先感谢您的帮助。

我的代码：

更新：对于任何感兴趣的人，通过将 组件提取到不同的文件来解决问题。Mutation原因是Mutation组件没有安装在渲染上，只有Query组件正在安装。解决方案的第一次迭代显示为答案。

我已经设置了一个自定义嵌入模型，因此我可以将 instagram 或 youtube 嵌入等内容添加到我网站上的 actiontext 内容中。它适用于 instagram 嵌入，但不适用于 youtube。

作为参考，我要显示的 youtube 嵌入代码是：

模型/recipe.rb：

模型/embed.rb：

嵌入/_embed.html.erb：

views/recipes.show.html.erb （我正在尝试实际显示内容 - @recipe.body 是动作文本）：

我可以在编辑内容时看到嵌入的 youtube（它显示在 trix 编辑器中），但是在查看渲染的内容时，什么也没有 - 我可以看到周围的 div，所以我知道它被添加到页面中，但没有 iFrame。

这很烦人，因为 instagram 嵌入工作正常 - 作为参考，instagram 嵌入看起来像：

我感觉这与 iframe 相关，因为将 embeds/_embed.html.erb 更改为：

什么都不渲染。

如何禁用一个字段的 action_text 附件，但为另一个字段启用它？

我有一个带有 2 个字段的帖子模型 -description_without_attachments和content_with_attachments.

模型 Post.rb：

我发现如果添加以下代码packs/application.js可以阻止trix action_text 的所有附件：

但是我只想阻止某些特定领域。我想它的工作方式如下：

我正在使用带有上传附件功能的 Trix 编辑器。

目前我可以上传图片、pdf、视频等...并在提交后显示。我也可以预览我上传的内容。

但我不知道如何添加视频播放器。

我的实际 _blob.html.erb 如下所示：

我第一次尝试在我的Article模型上设置 ActionText。

这是我的Article模型的外观：

我这样设置 ActionText ：

我的app/javascript/packs/application.js样子是这样的：

我的actiontext.scss样子是这样的：

在我_form.html.erb看来是这样的：

这是生成的 HTML：

但是当我重新启动服务器并重新加载页面时，它看起来像这样：

这是我的服务器日志：

这可能是什么原因造成的？