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

ruby-on-rails - Trix 格式化规则

当用户从 MS word 粘贴项目时,例如编号列表或项目符号点,Trix 会保留符号,但不使用默认的样式规则。例如,见下文。注意缩进 显示从 word 粘贴格式不正确的图像

我想用' <li>'标签替换粘贴的项目符号,因为这是浏览器的方式,或者只是将默认样式规则添加到文本中。


作为一种解决方法,我想<li>在粘贴命令期间使用 Javascript/coffee 脚本替换所有“•”事件,onPaste=''但是这是有问题的,因为实施可能会导致无法预料的影响。


另一种方法可能是创建一个正则表达式,删除符号并在粘贴时执行它 JIT。

任何其他建议都将受到欢迎以实现这一目标。


编辑

此正则表达式可以找到编号列表并在粘贴的字符串上进行简单替换,从而获得所需的结果。

0 投票
2 回答
3297 浏览

trix - 有没有一种简单的方法可以从 Trix 工具栏中删除特定按钮,而无需创建自定义工具栏

有没有一种简单的方法可以从 trix 工具栏中删除“降低级别”和“提高级别”按钮?

现在我通过使用以下haml简单地渲染一个自定义工具栏来实现这一点,没有违规按钮:

但如果 API 发生变化,我更愿意在 javascript 中执行此操作。类似以下内容会更好:

0 投票
0 回答
204 浏览

ruby-on-rails - 如何在 trix 图像路径中使用绝对 url?

我已经使用 gem 'trix' 在 rails 应用程序中集成了 trix-editor 功能。

但是,在暂存环境中进行测试时,trix_editor 内容字段显示图像的相对路径。

有没有办法可以使用 image_url 或其他东西来为 trix_editor 内容字段中的图像定义图像的绝对路径,如

0 投票
1 回答
108 浏览

html - 获取 html 并从 url 中删除参数

我正在尝试创建一个辅助方法来解析由 trix 富文本编辑器生成的 url,它将私有 url 返回到我的 aws,但需要是公共的。

我一直在尝试split删除不需要的 html 片段,但我无法正确获取 Ruby 代码。要点显示了我一直在尝试做的响应和方法。

0 投票
1 回答
333 浏览

html - 在导轨上使用简单形式的 trix gem 时是否可以自动对焦?

我试图在页面打开时使表单自动聚焦在编辑器上,但无济于事。这是当前代码的样子:

添加autofocus: true并不会在我加载页面时改变焦点,如果有解决这个问题的方法真的很棒。谢谢你的时间!

0 投票
2 回答
3451 浏览

ruby-on-rails - Rails:如何在 Rails 5.2.1 中实现动作文本?

在我的Rails 5.2.1应用程序中实现Action Text gem时遇到了困难。

我按照安装指南操作,富文本编辑器不会出现在我的 _form 视图中。

然后我意识到它需要带有webpackeractive storage的Rails 6。更改 gemfile 的 Rails 版本并运行rails upgrade不起作用,因此我添加了 webpacker 和活动存储 gem,并将其与我当前的 5.2.1 版本捆绑在一起。那也没有用。

我真的很想在我的应用程序中有一个富文本编辑器。它不是必须的 Trix 编辑器,但由于它将是 v6 的原生版本,我认为这是显而易见的选择。

我的源代码参考

0 投票
0 回答
166 浏览

laravel-nova - 如何限制 Trix 字段中上传的 MIME 类型?

我只想允许图像和 pdf 包含在 Laravel Nova Trix 字段中。

我知道可以使用“文件”和“图像”字段来限制文件类型,但是可以使用 Trix 来完成吗?

0 投票
0 回答
40 浏览

ruby-on-rails - 不显示文本框和格式化工具

我使用 ruby​​ '2.4.1' rails '5.2.1'

宝石文件

gem 'trix-rails', require: 'trix'

应用程序/资产/样式表/application.css:

应用程序/资产/javascripts/application.js:

在 rails_admin 添加部分字段:

如果我更改此代码一切正常trix_editortext_area我没有错误,没有输入字段trix_editor

更新:如果您只使用通常的页面,它就可以工作。如果在 rails_admin 中,则没有。

我的问题是什么?请帮帮我!

0 投票
1 回答
1924 浏览

javascript - Trix 编辑器定义自定义附件样式

我将图像添加到 Trix 编辑器,生成以下代码:

当我在基于 Bootstrap 的页面上显示从编辑器生成的 HTML 时,图像显然扩展了屏幕(请参阅widthand height),我想删除这些道具并将img-fluid类分配给它。

所以基本上我想使用配置:

但这确实 a) 不会将attachment类更改为img-fluid,它也不会将更改应用于图像,而是figure.

我想避免在每次显示内容并遍历所有内容时使用 jQuery figures,然后在运行时操作图像的属性。

添加附件时没有定义这些样式的解决方案吗?

0 投票
5 回答
761 浏览

ruby-on-rails - 如何让 Paper_trail 与动作文本一起使用?

我用我的基本模型 Article 很好地设置了Paper Trail Gemtext ,它有一个名为body. 但是,在我为我的应用程序实现Action Textbody并从 Article 模型中删除该列之后,我无法让 Paper Trail 跟踪关联body列中的更改。我怎样才能让它工作?

免责声明:我是 Rails 的新手。

文章.rb

文章架构(删除 :body 列后)

动作文本架构

我很想将与以前相同的功能返回给应用程序,在那里我能够看到文章正文中所做的更改。例如,某人添加了一个句子,删除了一个单词等。