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'

应用/资产/ 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中更改import语句从：

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

这对我来说很完美。

致谢

Trix Gem没有正确加载资产

3 个答案: