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

ruby-on-rails - 清理 Trix 输入

在 Rails 5.1 下,我使用 Trix 来允许用户编辑他们的“法律条件”。然后我试图在更新用户记录之前在我的控制器中清理这个“合法”参数,但最终得到:

这里的代码:

没有看到与此处显示的正常用法不同的任何内容:http: //api.rubyonrails.org/classes/ActionView/Helpers/SanitizeHelper.html

0 投票
1 回答
397 浏览

javascript - 使用 Tubolinks 重新初始化 trix 编辑器

在使用带有 turbolinks 的自定义错误处理方法后,我试图让 turbolinks 和 trix 一起工作,在其中我用从服务器发送的 html 替换文档的正文。

有没有办法重新初始化 trix 编辑器,还是我必须忘记替换 json 中的文档正文?

0 投票
0 回答
476 浏览

ruby-on-rails - 如何将图像上传到 Rails 文章

我正在 Rails 中重建一个博客,并且我正在使用 Trix 作为我的文本编辑器。我已经建立并准备好了有关 Trix 的一切。我可以将图像拖放到 Trix 文本编辑器中,当我单击创建文章时,我没有收到任何错误。但是当我去查看文章时,没有图像。这似乎是一个非常容易解决的问题。

显示.html.erb

article_controller.rb

articles.coffee(上传图片到 Trix 编辑器的代码)

0 投票
1 回答
299 浏览

javascript - Ionic 框架干扰 contenteditable div + WYSIWYG 编辑器

离子框架 (v 1.3) 正在干扰contenteditable = 'true'DIV。据我所知,它阻止了我的点击和拖动事件正确传播,这(在我的情况下)阻止了我使用几乎任何所见即所得的文本编辑器。

我无法将光标聚焦在contenteditableDIV 中,也无法从中选择文本。当我使用 Trix 编辑器(也使用它)时,我可以获得初始焦点,但无法将光标放在任何地方或选择任何文本。

有没有办法在这里覆盖 Ionic 的行为?

我在这里创建了一个 Plunker,其中有两个窗格来演示基本contenteditable问题和与 Trix 编辑器结合使用的问题。

示范用法:

0 投票
1 回答
362 浏览

materialize - MaterializeCSS 和 Trix 格式化

我正在尝试在 MaterializeCSS 页面上使用 Trix WYSIWYG 编辑器。不幸的是,格式化不起作用,因为 MaterializeCSS 用 "line-style-type: none" 这样的样式覆盖了像 UL 这样的 HTML 元素。它确实提供了一种样式“.browser-default”来重置它,但是由于内容区域中的 HTML 元素是动态创建的,所以我不能真正使用它。

这是一个示例片段:

有谁知道如何进行这项工作并以适当的样式渲染 TRIX-EDITOR 中的 UL 和 LI?

0 投票
0 回答
706 浏览

html - 保存在数据库中的 Trix 编辑器标签

我正在使用 Trix gem 在我的 RoR 应用程序中编辑文本,在我的表单中

在我的视图中,我使用“nom.html_safe”来显示文本,但在我的 Rails 控制台中,在我的数据库中,我的数据是用标签保存的。

喜欢 :

我该如何解决这个问题

0 投票
2 回答
2707 浏览

ruby-on-rails - 删除或更改 Trix 编辑器上传图像的宽度和高度属性

因此,我将 Basecamp 的 Trix 编辑器用于 Ruby on Rails 项目。

我要做的是使上传/附加的图像适合其父级的宽度。

Trix 会自动将图像的高度和宽度嵌入元素本身。

有什么办法可以阻止 trix 这样做吗?

0 投票
0 回答
1109 浏览

json - 我无法在 Rails 5 中使用 Trix 编辑器编辑带有图像附件的帖子

我正在使用 gem trix。我已经按照在线教程将图像上传到编辑器。图像上传和存储工作正常;但是,当我回去编辑帖子时,trix-editor 控件不显示任何内容。就好像它是一个空白的帖子。我还在浏览器的控制台窗口中注意到以下错误,但无法追踪它发生的原因。

我可以发布您想要的任何代码,我会尝试在下面包含我认为有帮助的内容。我还完全从应用程序中删除了 Turbolinks,认为它可能正在影响它,但我看到了相同的结果。

这是使用 trix-editor 时未显示的帖子的“正文”值

body 属性的表单显示在屏幕上,但它是空白的

资产/javascript/application.js

资产/javascript/trix-uploads.coffee

意见/帖子/_form.html.erb

0 投票
0 回答
228 浏览

ruby-on-rails - 与 Rails 一起使用的 Trix 编辑器工具栏错误

我正在尝试用我的 rails 表单实现 trix 编辑器。到目前为止一切正常,但现在我创建了这个表单:

我的表格如下所示:

在此处输入图像描述

我不知道为什么 trix 工具栏显示两次,我也可以输入文本但工具栏不起作用。

0 投票
2 回答
1188 浏览

angular - 如何将 trix-editor 集成到 Angular 2 应用程序中?

我正在尝试将 trix 编辑器用于我的 Angular 应用程序。但是,我没有获得任何资源/npm 包来在 Angular 2 应用程序中安装 trix 编辑器。你能帮我提供这样做的资源/步骤吗?