1

このガイドを使用して、 tinyMCE を Active Admin テキストエリア要素に統合しました。

やった：

最新バージョンの tinyMCE (tinymce_3.5.6.zip) をダウンロードし、tiny_mce フォルダーを puplic/javascripts フォルダーに配置します。

app/assets/javascripts/active_admin.js を追加しました:

tinyMCE.init({
  mode : "textareas",
  theme : "advanced",
  theme_advanced_buttons1 : "bold, italic, underline, strikethrough, |, bullist, numlist, blockquote, |, undo, redo, |, link, unlink, code",
  theme_advanced_buttons2 : "",
  theme_advanced_buttons3 : "",
  theme_advanced_toolbar_location : "top",
  theme_advanced_toolbar_align : "center",
  theme_advanced_resizing : false
});

config/initializers/active_admin.rb を編集:

#...
  config.register_javascript '/javascripts/tiny_mce/tiny_mce.js'
  config.register_javascript 'active_admin.js'
end

これにより、Chrome のアクティブな管理に tinyMCE が統合されなくなります。Chrome コンソールからの出力:

Uncaught ReferenceError: tinyMCE is not defined active_admin.js:1
  (anonymous function) active_admin.js:1
Load jQuery first! tiny_mce.js:1
Uncaught TypeError: Object #<Object> has no method 'extend' tiny_mce.js:1
c.create tiny_mce.js:1
  (anonymous function) tiny_mce.js:1
Uncaught TypeError: Object #<Object> has no method 'init' active_admin.js:1
  (anonymous function) active_admin.js:1

tinyMCE は Safari と SRWare Iron でうまく動作しますが。ただし、SRWare Iron コンソールのコンソール出力にはまだいくつかのエラーがあります。

active_admin.js:1Uncaught ReferenceError: tinyMCE is not defined
(anonymous function)active_admin.js:1

直し方？

4

1 に答える 1

1

app/assets/javascripts/active_admin.jsに名前を変更して問題を修正しましたapp/assets/javascripts/active_admin_custom.js。

テキストエリアを持つ生成されたhtmlページに名前の2つのjavascriptが見つかったため、私はこれに来ましたactive_admin.js...それは競合のようでした。

于 2012-09-15T15:59:53.170 に答える