1

自分のアセット パイプライン (アマチュア アワー) に関して何が間違っているのかよくわかりません。

私は Froala エディター (rails gem) を使用しています。wysiwyg エディターでレンダリングしたいページにアクセスすると、スパゲッティがページ上に落ちてきます。(JSは適用されていません。)

init Foundation の呼び出しの横に関数を実装することで、レールのターボリンクの問題を説明しようとしましたon page:loadが、明らかに機能しません。

これが私の現在のセットアップです。

application.js:

//= require jquery
//= require jquery_ujs
//= require foundation
//= require plugins/block_styles.min.js
//= require plugins/colors.min.js
//= require plugins/media_manager.min.js
//= require plugins/tables.min.js
//= require plugins/video.min.js
//= require plugins/font_family.min.js
//= require plugins/font_size.min.js
//= require plugins/file_upload.min.js
//= require plugins/lists.min.js
//= require plugins/char_counter.min.js
//= require plugins/fullscreen.min.js
//= require plugins/urls.min.js
//= require plugins/inline_styles.min.js
//= require plugins/entities.min.js
//= require froala_editor.min.js
//= require turbolinks
//= require cocoon
//= require_tree .

$(function(){ $(document).foundation(); });

$(document).on('ready page:load', function () {   
  $('#wysiwyg').editable({inlineMode: false, minHeight: 280})
})

フォーム自体は次のとおりです。

wysiwyg post _form
<div class="field">
  <%= f.text_area :body, id: "wysiwyg" %>
</div>

新規ページと編集ページで行っていることは次のとおりです。

new.html.erb (and edit)
<% content_for :head do %>
  <%= stylesheet_link_tag "froala_editor.min.css" %>
  <%= stylesheet_link_tag "froala_style.min.css" %>
  <%#= javascript_include_tag "froala_editor.min" %>
  ## commented out, tried both to no avail.
<% end %>

また、私のfroala_editor.min.js両方の方法を無駄に含めようとしました。私は一体何を間違っているのですか？

編集：

Railsログまたは開発コンソールにエラーや何もありません。

また、ページを更新すると、js が機能し、「スパゲッティ」ではなくなりました。最初のページの読み込みではありません。

2つ編集します（@thedanottoによると、「一般」は私のその他のスクリプトがある場所です）：

次のように更新されましたが、まだ運がありません。ページの更新でも引き続き機能します。

//= require jquery
//= require jquery_ujs
//= require froala_editor.min.js
//= require plugins/block_styles.min.js
//= require plugins/colors.min.js
//= require plugins/media_manager.min.js
//= require plugins/tables.min.js
//= require plugins/video.min.js
//= require plugins/font_family.min.js
//= require plugins/font_size.min.js
//= require plugins/file_upload.min.js
//= require plugins/lists.min.js
//= require plugins/char_counter.min.js
//= require plugins/fullscreen.min.js
//= require plugins/urls.min.js
//= require plugins/inline_styles.min.js
//= require plugins/entities.min.js
//= require turbolinks
//= require foundation
//= require general
//= require cocoon
//= require_tree .
4

2 に答える 2

0

ツリーで Froala CSS ファイルを適切に要求していなかったことが判明しました。ビューで直接プルしていましたが、application.css のリストに追加すると機能しました。

 *= require scaffolds
 *= require froala_editor.min.css
 *= require froala_style.min.css
 *= require foundation_and_overrides
 *= require_self
 *= require_tree .
于 2015-08-15T19:16:58.167 に答える