簡體   English   中英

Rails + Bower問題與資產路徑

[英]Rails + Bower issue with assets path

雖然我在rails / assets / bower_components / tynymce-dist中的rails應用程序中安裝了“Tinymce”

我在application.js中包含了js資產,它運行正常

//= require tinymce-dist

然后我在application.css中包含css文件

@import 'tinymce-dist/skins/lightgray/skin.min.css'

它工作,但我在rails控制台中有錯誤

 ActionController::RoutingError (No route matches [GET] "/assets/skins/lightgray/skin.min.css"):

並在chrome控制台中

GET http://localhost:3000/assets/skins/lightgray/skin.min.css

它以這種方式從tinymce腳本調用

skinUrl = tinymce.baseURL + '/skins/' + skin;

看起來它叫absolut網址。

一個解決方案是使用Tinymce gem,但我不想這樣使用。

如何解決這個問題。

如果你在Rails應用程序中使用Bower ,你會很好地研究Rails資產

在此輸入圖像描述

這基本上允許您將支持bower的資產作為寶石。 您只需要在他們的應用程序上搜索相應的gem,然后將gem添加到您的Gemfile:

在此輸入圖像描述

RA實際上已經有TinyMCE-dist了:

在此輸入圖像描述


我個人建議使用Rails Assets - 如果你不願意,我可以刪除答案。 它將為您提供涼亭的好處和寶石系統的可靠性:

#Gemfile
source https://rubygems.org
source https://rails-assets.org #-> add this line

gem 'rails-assets-tinymce-dist'

然后將以下內容添加到JS&CSS資產中:

#app/assets/javascripts/application.js
//= require tinymce-dist/tinymce.js

#app/assets/stylesheets/application.css
@import 'tinymce-dist/skins/lightgray/skin'

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM