Trix Gem未正确加载资产

Question

我使用trix gem作为文本区。我遵循了trix文档。包括scss和js。但它对我不起作用。只有一个简单的文本区域，没有Trix特性。请看一下。谢谢

Gemfile

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

Answer 1

尝试将application.css.scss中的导入语句更改为：

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

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

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

Answer 2

请在application.scss上关注以下内容

/*
 *= require trix
*/

在表单中

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

安装trix后重新启动web服务器

Answer 3

我也遇到了类似的问题：

我更改了我的：

​

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

​

通过

​

<%= 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

这对我来说是完美的。

问候