ruby-on-rails - Trix Gem 未正确加载资产

Question

我正在将 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'

应用程序/资产/javascript/application.js.coffee

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

应用程序/资产/样式表/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 后重启网络服务器

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

这对我来说非常有用。

问候