Trix Gem неправильно загружает активы

Question

Я использую трикс-гем для текстовой области. Я следовал документации 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'

приложение / активы / 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.scss

/*
 *= require trix
*/

и в форме

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

перезагрузите веб-сервер после установки trix

Answer 2

У меня похожая проблема:

я меняю свой:

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

Это прекрасно для меня работает.

Привет

Answer 3

Попробуйте изменить свой оператор импорта в application.css.scss от:

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

При использовании в сочетании с SimpleForm, попробуйте использовать блок:

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