问题标签 [trix]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
2481 浏览

javascript - 如何在 laravel 5.8 中修复 trix 编辑器

我正在尝试在表单中添加 trix 编辑器。它出现了,但工具栏被禁用,它不起作用。经过一些研究,我发现它在我的布局文件的标题中,所以我将它移到了正文的末尾并删除了“延迟”,现在 trix 编辑器消失了。

布局文件

我想要 trix 编辑器的字段

特里克斯 js 和 css

0 投票
1 回答
283 浏览

ruby-on-rails - 在不触发 trix-change 的情况下对 trix 进行编程更改

我正在尝试使用以下方式以编程方式对 trix 进行更改:

这没有问题,但不幸的是,这已经在 trix-change 事件中。因此 insertHTML 再次触发自身,我们陷入了循环。

所以问题是,有没有办法在不触发 trix-change 的情况下对编辑器进行更改?

谢谢。

0 投票
3 回答
2494 浏览

ruby-on-rails - 如何使用 ActionText 显示嵌入视频

我正在尝试在所见即所得的 Trix 和渲染内容中显示带有 ActionText on Rails 6 的嵌入式视频。但是 ActionText 渲染器过滤所有原始 html 代码并强制我使用 JS 在渲染内容中显示 iframe,这在 Trix 中不起作用。

我遵循了 Basecamp 的一位开发人员在此处给出的说明:https ://github.com/rails/actiontext/issues/37#issuecomment-451627370 。第 1 步到第 3 步有效,但是当 ActionText 呈现我的部分时,它会过滤 iframe。

创建 WYSIYWG 的表单

添加嵌入功能的刺激控制器(迫切需要重构)

嵌入模型

创建嵌入的控制器

响应 ajax 调用以创建嵌入的 jbuilder 视图

嵌入 HTML 部分(苗条)

最后是显示带有嵌入的文章内容时显示 iframe 的 JS 代码

如果我将嵌入部分更改为

它在 WYSIWYG 中正确显示,但在渲染视图中不正确显示。

0 投票
0 回答
585 浏览

ruby-on-rails - 使用 Bootstrap 组件扩展 Trix

我可以使用以下代码在工具栏中为 h1/h2 标题添加按钮:

我希望能够添加复杂的结构,例如引导网格元素、输入字段,可能还有轮播。

基本上不仅仅是简单的标签<h1>blah</h1>,而是带有类的元素,例如<div class="border-bottom p-3">blah</div>

我希望最终得到的不仅仅是一个基本的编辑器,而是像 LayoutIt 的构建器这样的东西。

有人可以指出我正确的方向吗?

0 投票
4 回答
485 浏览

ruby-on-rails - 是否可以向 Rails ActionText 中@提到的用户发送电子邮件?

我按照 GoRails 教程在 ActionText 中使用 @mentions。我想自动向任何@提及的用户发送电子邮件,以提醒他们对话。我认为这在 Rails 中是微不足道的,但找不到任何关于如何做到这一点的文档。

有谁知道这将如何实现?

GoRails:https ://gorails.com/episodes/at-mentions-with-actiontext

0 投票
1 回答
146 浏览

ruby-on-rails - Rails 5.2 Active Storage 获得文件的永久链接

我使用活动存储作为 trix 的文件上传,当我在 trix 中上传文件时,我向 rails 发送 xhr 请求,rails 以图像 url 响应。但是,由于我将此 URL 保存在文本字段 (trix) 中,因此我需要 rails 以永久 url 进行响应,否则图像会在 url 过期后中断。

到目前为止,我已经尝试了所有我知道的方法,或者可以在 SO 和其他来源上找到,但无济于事。

这么基本的东西怎么会这么难??

任何人都可以帮忙吗?

0 投票
2 回答
1086 浏览

ruby-on-rails - 如何检查 Rails rich_text_field(动作文本)是否为空白?

我似乎在任何地方都找不到这个 - 控制台显示该字段,nil但实际上操作文本正在存储可能是“空白”的内容。

MyModel.rich_text_field.nil?无论实际内容是否为空白,都返回 false。

0 投票
1 回答
505 浏览

ruby-on-rails - 如何让使用 ActionText(Trix 编辑器)创建的嵌套注释显示在 rails 项目中?

我使用 ActionText / Trix Editor 创建的二级评论未显示在我的 rails 应用程序中。原始帖子显示良好,一级评论也是如此。但是,评论的评论不会显示。

我使用 Rails 6 创建了一个包含帖子和嵌套评论的应用程序。帖子和评论正在数据库方面工作。但是,在我安装 ActionText 之后,我可以允许用户使用富文本发布和评论,只有发布和第一级评论显示他们各自的正文内容。

帖子和第一级评论将 post.body 和 comment.body 呈现在“trix-content”div 中。但是,第二级嵌套评论的输出似乎并没有抓住comment.body。

我怀疑这个问题与评论评论的关联有关,因为当我删除嵌套并评论评论时,我看到了相同的结果。好像有人发表了一条空白评论。

0 投票
3 回答
1337 浏览

ruby-on-rails - 如何使用 RSpec 测试 ActionText?

我正在尝试编写一个 RSpec 系统测试,其中涉及在页面上填写 ActionText / Trix 字段。

似乎此处ActionText::SystemTestHelper定义的内容可用于帮助完成此任务,但到目前为止,我在实施它方面没有任何成功。

我的 RSpec 测试如下所示:

我也尝试过创建一个 RSpec 支持文件

当我使用

我收到以下错误 未初始化常量 ActionText::SystemTestHelper

当我尝试删除位于的文件时,spec/support/action_text.rb我收到此错误:

未定义的方法`fill_in_rich_text_area'

我也尝试只使用常规的fill_inRSpec 方法来完全避免这种情况,然后得到:

找不到未禁用的字段“描述”

尽管测试被标记为js: true并且我有另一个 RSpec 支持文件来处理设置如下:

0 投票
0 回答
72 浏览

ruby-on-rails - Trix - 未定义的方法“to_key”

我有一个CategoryForm对象,我为它呈现一个表单,我安装了 Trix 编辑器 ( gem 'trix') 让我的用户格式化文本。安装后Trix我得到undefined method 'to_key'. 这是我目前的设置。

应用程序/资产/javascripts/admins/categories/categories.js

//= require trix

应用程序/资产/样式表/管理员/类别/categories.css

*= require trix

类别表格

形式

我究竟做错了什么?

更新

我什至改变了我的表格以使用@category

而且我没有收到任何错误,但编辑器根本没有呈现。我正在使用 Webpacker,Rails 5.1。