-1

rail3アプリケーションでtinyMCEgemを使用しようとしています。エディターにすべてのオプションが表示されない-1。スタイル（オプションは表示されますが、ドロップダウンできません）2.画像を挿入できません（画像を参照するボタンが選択ウィンドウに表示されません）3。表示されませんテーブル、画面拡大、フォントタイプなどのその他のオプション。

誰かが解決策を持っているなら私を助けてください。ありがとうございました。

4

1 に答える 1

0

この構成では、すべてが正常に機能します。他の言語を使用している場合は、アセットリポジトリにこの言語があることを確認してください。例外をスローしない場合は、ボタン付きのテーブルの作成を中断してください。

テンプレートファイル：

<%= text_area_tag :editor, "", :class => "tinymce", :rows => 40, :cols => 120 %>
<input type="file" id="image_uploader" style="display:none;opacity:0;" />
<%= tinymce %>

スタイルの修正（スタイルの事前定義）：config / tinymce.yml

theme_advanced_toolbar_location: top
theme_advanced_toolbar_align: left
theme_advanced_statusbar_location: bottom
theme_advanced_buttons3_add:
  - tablecontrols
  - fullscreen
plugins:
  - table
  - fullscreen
style_formats:
  - title: 'Bold text'
    inline: 'b'
  - title: 'Red text'
    inline: 'span'
    styles:
      color : '#ff0000'
file_browser_callback: 'file_upload'

Javascript（アセット内のファイル）：

(function(){
// encapsulating
  var iu = document.getElementById('image_uploader');
  iu.addEventListener('change',send_after_choose);

  function send_after_choose(event){
    // some multipart ajax U need to create new FormData see documentation of use
    // when done fetch url
  }
  // this need to be global function.
  function file_upload(field_name, url, type, win){
    var iu = document.getElementById('image_uploader');
    iu.click();
  }
  window.file_upload=file_upload;
})();

詳細情報はありません：http ：//www.tinymce.com/wiki.php/How-to_implement_a_custom_file_browser

申し訳ありませんが、これは作成するコードの非常に大きな部分であり、私は例を実行していないため、Uが自分で作成する必要があります。しかし、このコードを追加すると、Uは画像ポップアップにファイルボタンを表示できるようになり、作成した関数を呼び出します。

Uがどのフレームワークを使用しているかわからないので、バニラJavaScriptの簡単なものを少し書きました。変更時のイベントは、ファイル入力で正常に機能します。入力は非表示にすることができます。名前を付けていない限り、Uはいつでも入力を追加できます。

データオブジェクトのドキュメント： https ：//developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects

UがjQueryを使用する場合、UはFormDataオブジェクトをリクエストデータとして追加できます。これがMootoolsやPrototypeでどのように機能するのかわかりません。

于 2013-03-08T10:21:19.983 に答える