问题标签 [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 回答
373 浏览

trix - ActionText:链接到附件而不是预览

Trix 编辑器(或 ActionText)有没有办法显示附加文件的链接,以便人们可以下载它而不是显示文件的预览?我的示例附件是 PDF。

0 投票
0 回答
51 浏览

laravel - 从所见即所得编辑器呈现值时编译模板意外标识符时出错

在此处输入图像描述

我有几个问题要问你,一切都在

  • 因为当我导航到分页网站的第二页时我得到了这个。可能是因为这样的表情……

或者从所见即所得编辑器中清楚地说明这些类型的值..其中有一个标签 在此处输入图像描述

0 投票
1 回答
153 浏览

vue.js - 重置包含 trix-editor 内容的表单字段后,如何防止删除附件?

在提交包含 trix-editor 的表单后,如何防止trix-editor在重置内部内容后在存储目录中删除附件/图像。trix-editor我将重置所有字段并清除表单中的字段.. 重置后,我发现我存储在默认存储磁盘中的附件现在已被删除。

这就是我处理附件删除的方式

0 投票
1 回答
857 浏览

php - PHP Laravel Trix 所见即所得如何显示数据库中的内容

我使用 laravel 6.0 并且对 Trix 所见即所得有问题。如何获得 trix 编辑器的价值。问题不在于如何将它传递给我使用 trix 的视图,问题在于如何显示它 - 例如这里我通过“值”获取内容(标题):

但是如何在 Trix 中使用 $article->title 来编辑它呢?:)

0 投票
2 回答
867 浏览

ruby-on-rails - 如何在没有 Active Storage 的情况下安装 Action Text?

我想向我的应用程序添加操作文本。但它也设置了 Active Storage。我已经使用 CarrierWave,不需要 Active Storage。顺便说一句,我根本不需要在编辑器中上传文件。

0 投票
2 回答
848 浏览

html - 如何消除使用 Action text(trix Editor) 编写的与视图页面中的内容一起生成的 html 标签?

我在我的 Rails 应用程序中安装了操作文本(Trix 编辑器)。

写入内容后,内容与html标签一起生成。例如

0 投票
2 回答
1074 浏览

ruby-on-rails - Trix 编辑器无法在 Rails 中正常工作

我有一个使用 bootstrap-form 和“trix” gem 的 Rails 6 应用程序。我不能使用 ActionText,因为它需要 webpacker,由于多种原因我不能使用它。

在我的表格中,我这样做:

但是编辑器坏了,见下图:

破碎的 trix 编辑器

如果我尝试放入图像,情况会变得更糟:

trix编辑器损坏的文件上传

日志或控制台中没有错误,我没有覆盖任何 CSS 或 JS。

难道我做错了什么?

0 投票
1 回答
1521 浏览

ruby-on-rails - Rails6 使用 Action Text 和 Active Storage 调整上传图片的大小

我已经将我的项目升级到 Rails 6,现在在我的模型“文章”中使用动作文本。

但是在我的项目中,大多数上传的图像都太大而无法存储,所以我想在保存之前调整它们的大小。

我应该如何调整附加图像的大小并在“trix-file-accept”侦听器中替换它们?

0 投票
4 回答
4595 浏览

trix - 是否有正确的方法将 Trix 编辑器与 Livewire 连接起来?

在将 Trix 编辑器内容与 Livewire 连接在一起时,我遇到了一些问题。我认为问题在于,当 Livewire 从 Trix 接收内容时,内容被换出并且 Trix 被禁用。有没有更好的办法?

我所做的,有效的,如下。目前,该页面被重定向到自身以重新启动 Trix(击败了 Livewire 的全部要点,但它也被用于其他事情)。

我试过了

  • 隐藏输入上的wire:model - 没有任何反应
  • x-on:trix-change="$set('comment', $event.target.innerHTML) - 这有效,但 Trix 变灰并在第一次按键后停止工作(重启问题?)

我确信像后者这样的东西会更好,但是每次都会以某种方式重新启动 Trix。这一切似乎有点混乱 - 所以问题是,这样做的正确方法是什么?

0 投票
3 回答
2119 浏览

ruby-on-rails - Rails actiontext/trix 显示问题

我正在尝试将富文本编辑器合并到我的应用程序中,但没有运气。我打算使用 CKEditor,但遇到了 Rails 6 很好地集成了 actiontext/trix 的事实……或者我是这么认为的。

我遵循了https://edgeguides.rubyonrails.org/action_text_overview.html中的标准安装步骤

所以,除非我错过了什么,我现在在这些文件中有以下代码:

应用程序/javascript/packs/actiontext.scss

应用程序/javascript/packs/application.js

应用程序/javascript/packs/application.scss

我希望编辑器显示的模型是: app/models/note.rb

关联的视图/表单现在在下面,只有comment启用丰富的字段: app/views/notes/edit.html.erb

我在这里不知所措......根本没有按钮出现:

没有按钮的表格!

我错过了什么?

更新 1: 我将其actiontext.scss移出.../packs/并放入app/assets/stylesheets/并更改了一些导入:

所以,现在app/assets/stylesheets/application.scss很简单:

我重新启动了 webpacker 和我的 rails 服务器:

现在我得到了按钮,但它们没有图标: 更新1

更新 2:

得到按钮以显示图标......终于。不确定这是否正确,因为它没有记录,但我必须手动导入application.scss.

../layouts/application.html.erb 我添加了: