Trix Gem 未正确加载资产答案

【问题标题】：Trix Gem is not properly loading assetsTrix Gem 未正确加载资产
【发布时间】：2018-04-30 08:31:28
【问题描述】：

我将 trix gem 用于文本区域。我遵循了 trix 文档。包括scss和js。但这对我不起作用。只有一个没有 Trix 功能的简单文本区域。请看一看。谢谢

宝石文件

gem 'rails', '4.2.4'
gem 'sprockets-rails', '< 3.0.0'
gem 'rest-client' 
gem 'rack-cors'
gem 'naturally'
gem 'trix'

app/assets/javascript/application.js.coffee

#= require jquery
#= require jquery_2
#= require jquery_ujs
#= require bootstrap
#= require trix
#= require bootstrap-timepicker
#= require jquery.turbolinks
.
.
.

app/assets/stylesheets/application.scss

*= require trix
//
// Prefer imports over require
// https://content.pivotal.io/blog/structure-your-sass-files-with-import
//

//= require_self
// Core
@import "variables";
@import "bootstrap";
@import "bootswatch/paper/bootswatch";
@import "icons_social";
@import "auth";
@import "avatar";
@import "font-awesome";

_form.html.haml

= simple_form_for [:admin, @post] do |f|
  = f.text_area :note,as: :trix_editor

【问题讨论】：

浏览器控制台中是否有任何javascript错误？
@stwienert 控制台没有错误。

标签： ruby-on-rails ruby-on-rails-4 trix

【解决方案1】：

尝试更改您在 application.css.scss 中的导入语句来自：

*= require "trix"
// to:
@import "trix"

与 SimpleForm 结合使用时，尝试使用块：

= f.input :dummy_text do
  = f.trix_editor(:dummy_text)

【讨论】：

【解决方案2】：

关注application.scss

/*
 *= require trix
*/

在形式上

<%= f.input :dummy_text, as: :trix_editor %>

安装 trix 后重启网络服务器

【讨论】：

【解决方案3】：

我遇到了类似的问题：

我改变我的：

&lt;%= f.input :content, as: :trix_editor %&gt;

通过

<%= f.hidden_field :content, id: :subject_content %>
  <trix-editor input="subject_content"></trix-editor>

观看此视频：https://www.youtube.com/watch?time_continue=269&v=eyM3_kdD-wY

这对我来说很完美。

问候

【讨论】：