问题标签 [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.
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 :
如果您需要更多详细信息,请不要犹豫。非常感谢您的帮助 !
ruby-on-rails - Trix 编辑器验证
通过 Rails 视图助手使用 Trix 编辑器。
= form.rich_text_area :description, class: 'form-control', placeholder: 'Description'
对描述进行一些模型“必需”验证。
包装字段的正常 Rails 行为field_with_errors
没有发生。
有没有人设法让 Trix 和正常的 Rails 验证行为一起工作?
javascript - 使用 Trix 将附件转换为 Base64 后无法预览图像
我正在使用 Trix,为了上传附件,我们的后端开发人员告诉我应该将附件转换为 base64 并将 base64 数据保存到数据库中,而不是上传二进制文件。
我编写了这段代码来实现它,输入字段(HTML)的输出按预期工作,但图像预览没有显示在编辑器中。
我不知道是什么导致了这个问题。
vue.js - 模型更改时 VueTrix 编辑器不更新
我正在为我的编辑器使用 Vue.js 和 VueTrix。我发现当我在数据库中的数据更改时,编辑器不会更新。
这是我的代码:
我{{item.message}}
在编辑器上方添加了测试目的。当我通过单独的源更改内容时,即弹出窗口{{item.message}}
在我键入时更改,但编辑器没有。
有谁知道如何解决这个问题?
activerecord - 如何使用 Rails 6 ActionText 持久化自定义属性
Ruby 2.6.3 / Rails 版本 6.0.0
你好 !
我在我的 rails 6 应用程序中实现了 ActionText(使用 Trix 编辑器),我在其中使用具有自定义标签和属性的元素,例如:
我找到了一种方法来保存我的标签“word”,如下所示:
但是不能对我的自定义属性“start”做同样的事情,如果我编辑我的元素,它就会被删除。
你可以在这里找到一个小提琴:https ://jsfiddle.net/pqxce2b4/2/
如果有人知道如何解决此问题或需要更多信息,请告诉我。
谢谢你的帮助 :)
ruby-on-rails - Trix 编辑器在 Heroku 中不工作,但在 localhost 上工作正常
我以前使用过 trix 编辑器,但这次在部署到 heroku 时并没有按计划工作。编辑器不显示,输入缩小为一个小方块,不可点击。
这是 localhost 上的预期行为: Trix 编辑器显示并正常工作 但是,在 Heroku 上,它显示如下: Trix 编辑器未显示且不可点击
在我的 Rails Gemfile 上:
在 application.scss 上:
在 application.js 上:
我的 _form.html.erb 上有以下代码:
我找不到问题出在哪里。到目前为止,我已经尝试过预编译资产,但找不到任何答案。
javascript - 在 trix 编辑器中检测添加链接确认事件
当使用 trix-editor 从文本创建超链接时,我已经更改了模式,因此为了方便起见,www.website.com 是可以接受的。我现在必须将 https:// 添加到所有这些链接以使它们有效。这就是为什么我希望能够知道何时有人确认超链接以便能够将 https:// 添加到链接(如果它是“www”)。只要。
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...
ruby-on-rails - 如何从 Rails 中删除 trix?
对于 rails 5.2,我使用的是 trix-gem。升级到 rails 6.0 后,我在 js 控制台中有以下错误消息:
当然,我已经删除了 gemfile 中的 trix-gem,但我认为我的 rails 应用程序中总是有 2 个 trix.js,我该如何修复它?