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

javascript - 如何覆盖 Trix HTMLSanitizer 以允许带有类的 span 标签

我需要在 trix 编辑器中允许带有类的 span 标签。

我可以通过添加跨度标签

但是我无法在 span 上上课,我猜它仍然被 Trix.HTMLSanitizer 剥离。

我也试过

无法弄清楚如何覆盖 Trix.HTMLSanitizer 以允许<span class="my-class">value</span>在编辑器中显示样式。

0 投票
2 回答
424 浏览

ruby-on-rails - Rails 6.0.1 - Trix 编辑器参数未从表单传输

从 Trix 编辑器字段添加或更改的数据不会提交/传输。

查看我的日志,我得到以下信息:

任何想法,可能是什么问题?

0 投票
1 回答
953 浏览

content-management-system - 您可以像在传统 CMS 中一样在 Directus 中编辑静态 HTML 内容吗?

我计划使用Directus作为数据库包装器在我的站点中添加一些 CMS 功能。我还可以使用 Directus 来管理我网站的图像。但是,要编辑一些静态 HTML 内容,我也可以使用 Directus 或它的一些扩展吗?我没有找到相关信息,所以我计划用“trix”编辑器从头开始构建一些东西。

任何建议都会有所帮助!非常感谢提前(在我的项目中非常晚)。

0 投票
1 回答
224 浏览

html - 如何操作 trix-editor 在连续输入 4 次后停止调整大小

如何在 trix-editor 中调整 css,以便我可以更改其样式,在按几次 Enter 后它将停止调整大小。

这是视频附件的网址: https ://cdn.discordapp.com/attachments/496820557627654174/646552238126399489/Blacktrail_-_Chat_Feature_-_Google_Chrome_2019-11-20_11-23-51.mp4

0 投票
1 回答
2889 浏览

ruby-on-rails - Rails 6 ActionText rich_text_area 工作正常,在布局中渲染时不出现

我正在渲染一个使用 ActionText 输入rich_text_area 的表单,它是 Trix WYSIWYG 富文本编辑器的 Rails 实现。在我开始重构视图以使用布局之前,它一直运行良好,其中表单内容可以产生不同的表单。除了rich_text_areas之外,表单呈现良好,它们都消失了。删除使其成为布局所需的代码使其恢复正常。我的代码如下。

我使用以下代码将表单呈现为部分:

它工作正常,富文本区域可见,并且可以在将此表单作为部分加载到 edit.html.erb 文件中时使用,如下所示:

但我想将它呈现为名为“编辑器”的布局的一部分,因此我将 edit.html.erb 更改为:

添加render layout: 'editor'到控制器中的编辑功能,并添加如下所示的布局:

我想我已经把它缩小到render layout: 'editor'问题根源的代码上,因为直接将表单代码粘贴到 editor.html.erb 布局文件中会产生相同的错误:除了富文本区域之外,一切都很好。

我还没有在 Trix 存储库中看到此问题的报告,并尝试手动将require 'action_text'ActionText 帮助程序添加到相关控制器,但无济于事。任何帮助将不胜感激,谢谢。

0 投票
0 回答
463 浏览

ruby-on-rails-6 - Rails ActionText:禁用直接上传

有没有办法禁用从 ActionText/Trix 编辑器直接上传图像和附件,并将其替换为对 rails 后端的 POST 请求以上传到 S3?

我正在尝试从 Rails 应用程序的角度审核任何用户上传操作。

更新:我想我可以扩展ActiveStorage::DirectUploadsController来做这个审计。我仍然对最初的问题感到好奇。

我也在考虑编写 javascript 来更改html 表单元素data-direct-upload-url的数据属性 () 。<trix-editor>

0 投票
0 回答
225 浏览

laravel - Do I have to write backend code for a trix editor handling file uploads

Do I have to write a code in the backend/controller for a trix-editor so that I can attach and upload files w/ it? Or it's just purely frontend stuff like in the script part of the application ?

0 投票
0 回答
181 浏览

ruby-on-rails - 在 trix 所见即所得编辑器中定位图像

在编写内容时,有没有办法在 Rails 6 ActiveText Trix 编辑器中定位图像?如果您上传图片,它会自动放置在页面中间。我可以在 CSS 文件中更改它,但是在编写许多“博客”时,如何在实时站点上的特定博客中将每个图像定位在左侧或右侧?每个博客应该有一个可能不同的布局。

0 投票
0 回答
79 浏览

angular - 在 Angular 7 中访问 Trix 配置

我想访问Trix我的 Angular 应用程序中的对象以对配置对象进行一些修改。

我试过了

和所有可能的变化,但无济于事。

有任何想法吗?

0 投票
0 回答
107 浏览

ruby-on-rails - 如何使用“rich_text”进行搜索?(Trix 编辑器)

我在我的博客中使用简单搜索:

post.rb

post_controller.rb

但是在我添加了 trix 编辑器之后,帖子内容搜索停止工作(对于标题 - 作品)