问题标签 [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 投票
1 回答
1271 浏览

ruby-on-rails - 如何在编辑时在 WYSIWYG Trix 编辑器上保留自定义选项(Ruby on Rails、Actiontext)

我正在使用 Trix 和 actiontext 创建一个所见即所得的 Rails 网站。我正在使用 Ruby 2.6.3 和 Rails 5.2.3。

问题:当我实现自定义版本(即添加红色文本)时,它在创建时完美运行(CRUD:新),在渲染时完美显示(CRUD:显示),但是当我尝试编辑文本时,我的自定义样式未显示在我的编辑器中的编辑视图中,并且 trix 添加到富文本的跨度不存在于客户端 DOM 中(CRUD:编辑)。

当它呈现在 Show 视图中时,我确认我的自定义版本保留在数据库中。

我想这是一个消毒问题。我之前在节目中遇到过这个问题,所以我将 style 属性添加到 Rails sanitizer allowed 属性中。

我的 trix 定制器看起来像这样添加一个红色选项:

在编辑器中使用时效果很好(工具栏中的选项在编辑和新视图中都可以使用)。

此外,为了在显示视图中正确显示,我添加了一个 Rails 初始化程序以允许样式属性:

问题是,当我进入编辑视图时,之前应用的红色样式不再呈现。请注意,我对创建和编辑视图使用完全相同的 _form.html.erb :

如果您需要更多详细信息,请不要犹豫。非常感谢您的帮助 !

0 投票
1 回答
810 浏览

ruby-on-rails - Trix 编辑器验证

通过 Rails 视图助手使用 Trix 编辑器。

= form.rich_text_area :description, class: 'form-control', placeholder: 'Description'

对描述进行一些模型“必需”验证。

包装字段的正常 Rails 行为field_with_errors没有发生。

有没有人设法让 Trix 和正常的 Rails 验证行为一起工作?

0 投票
2 回答
409 浏览

javascript - 使用 Trix 将附件转换为 Base64 后无法预览图像

我正在使用 Trix,为了上传附件,我们的后端开发人员告诉我应该将附件转换为 base64 并将 base64 数据保存到数据库中,而不是上传二进制文件。

我编写了这段代码来实现它,输入字段(HTML)的输出按预期工作,但图像预览没有显示在编辑器中。

我不知道是什么导致了这个问题。

0 投票
0 回答
65 浏览

vue.js - 模型更改时 VueTrix 编辑器不更新

我正在为我的编辑器使用 Vue.js 和 VueTrix。我发现当我在数据库中的数据更改时,编辑器不会更新。

这是我的代码:

{{item.message}}在编辑器上方添加了测试目的。当我通过单独的源更改内容时,即弹出窗口{{item.message}}在我键入时更改,但编辑器没有。

有谁知道如何解决这个问题?

0 投票
0 回答
261 浏览

activerecord - 如何使用 Rails 6 ActionText 持久化自定义属性

Ruby 2.6.3 / Rails 版本 6.0.0

你好 !

我在我的 rails 6 应用程序中实现了 ActionText(使用 Trix 编辑器),我在其中使用具有自定义标签和属性的元素,例如:

我找到了一种方法来保存我的标签“word”,如下所示:

但是不能对我的自定义属性“start”做同样的事情,如果我编辑我的元素,它就会被删除。

你可以在这里找到一个小提琴:https ://jsfiddle.net/pqxce2b4/2/

如果有人知道如何解决此问题或需要更多信息,请告诉我。

谢谢你的帮助 :)

0 投票
2 回答
165 浏览

javascript - 使用正则表达式对 URL 进行 Trix 验证

我正在尝试更改验证模式以接受这些开始

这就是我现在所拥有的:

它接受错误的情况,例如:

使用https://github.com/basecamp/trix/issues/624到此为止

0 投票
1 回答
160 浏览

ruby-on-rails - Trix 编辑器在 Heroku 中不工作,但在 localhost 上工作正常

我以前使用过 trix 编辑器,但这次在部署到 heroku 时并没有按计划工作。编辑器不显示,输入缩小为一个小方块,不可点击。

这是 localhost 上的预期行为: Trix 编辑器显示并正常工作 但是,在 Heroku 上,它显示如下: Trix 编辑器未显示且不可点击

在我的 Rails Gemfile 上:

在 application.scss 上:

在 application.js 上:

我的 _form.html.erb 上有以下代码:

我找不到问题出在哪里。到目前为止,我已经尝试过预编译资产,但找不到任何答案。

0 投票
0 回答
158 浏览

javascript - 在 trix 编辑器中检测添加链接确认事件

当使用 trix-editor 从文本创建超链接时,我已经更改了模式,因此为了方便起见,www.website.com 是可以接受的。我现在必须将 https:// 添加到所有这些链接以使它们有效。这就是为什么我希望能够知道何时有人确认超链接以便能够将 https:// 添加到链接(如果它是“www”)。只要。

0 投票
2 回答
631 浏览

ruby-on-rails - Rails 6 动作文本。一个表单可以使用多个富文本字段吗?

我在 rails 6 应用程序的表单中使用了多个富文本字段,但只有第一个字段存储在数据库中,其余字段根本没有显示在数据库中。

module.rb
has_rich_text :content
has_rich_text :references
has_rich_text :footnotes

_form.html.erb
f.rich_text_area :content
f.rich_text_area :references
f.rich_text_area :footnotes

controller.rb
params.require... :content, :references, :footnotes...

0 投票
0 回答
345 浏览

ruby-on-rails - 如何从 Rails 中删除 trix?

对于 rails 5.2,我使用的是 trix-gem。升级到 rails 6.0 后,我在 js 控制台中有以下错误消息:

当然,我已经删除了 gemfile 中的 trix-gem,但我认为我的 rails 应用程序中总是有 2 个 trix.js,我该如何修复它?