2012-05-02 30 views
5

Tôi đang tự mình phản hồi bằng Rails và tôi thực sự thích Quản trị viên đang hoạt động. Tôi muốn nhận được tinyMCE làm việc với nó để sử dụng trong các lĩnh vực văn bản. Tuy nhiên, bất kỳ hướng dẫn nào tôi tìm thấy đều không đầy đủ. Vì lý do nào đó, tôi nghĩ rằng tôi đang thiếu một cái gì đó thực sự đơn giản ở đây.TinyMCE và ActiveAdmin cho Rails

Vì vậy, ví dụ, tôi đã cài đặt đường ray thiếc (3.4.9) và làm theo hướng dẫn (https://github.com/spohlenz/tinymce-rails). Tuy nhiên, đây là nơi tôi nghĩ rằng tôi đã thất bại: thực sự bắt đầu tinyMCE. Theo doc, tôi có hai lựa chọn:

  1. sử dụng = TinyMCE%> helper <% hoặc ...
  2. khởi tạo nó như sau tinyMCE.init({ mode: 'textareas', theme: 'advanced' });

Tôi đã thử thêm sau này để tệp active_admin.js của tôi không có kết quả.

Nếu ai đó có thể hướng dẫn tôi về điều này, tôi sẽ đánh giá cao nhất.

+0

thứ hai sẽ hoạt động bình thường, bạn có gặp phải bất kỳ lỗi js nào không? – Thariama

Trả lời

0

Đầu vào văn bản của bạn có thuộc tính 'lớp' hay thứ gì đó mà TinyMCE có thể móc vào không? Nó hoạt động từ bảng điều khiển javascript (firefox/chrome)? Bạn đã kiểm tra sự hiện diện của tinymce.js trong phần đầu (nguồn) của trang của bạn chưa.

Tôi đã làm cho nó hoạt động với một phần biểu mẫu và tôi phải đưa một lớp vào phần tử đầu vào để tinymce có thể móc vào nó.

<%= f.input :literature_nld, :input_html => { :class => 'tinymce', :size => "80x4" } %> 

Chúc may mắn

+0

Cảm ơn. Phản hồi của bạn đã kích hoạt một suy nghĩ khác về việc liệu tinymce.js có nằm trong phần đầu trang của tôi hay không. Các tài liệu hướng dẫn tinymce-ray là một chút không rõ ràng về điều này. Nó chỉ ra rằng bằng cách thêm một cuộc gọi đến điều này trong tập tin active_admin.rb của tôi, tôi đã có thể làm cho nó hiển thị. Rất cám ơn tất cả sự giúp đỡ của bạn! –

+0

Có được tốt đẹp mặc dù nếu bạn đã chấp nhận câu trả lời của tôi, tôi nên có chỉ cần nhận xét. –

13

tôi nhận nó làm việc làm những điều sau đây (ngoài các cài đặt được mô tả tại repo)

Trong admin/my_class.rb:

ActiveAdmin.register MyClass do 
    form do |f| 
    f.inputs do 
     f.input :body, :input_html => { :class => "tinymce" } 
    end 
    end 
end 

Trong initializers/active_admin.rb:

... 
config.register_javascript 'tinymce.js' 

Đây là những gì thực sự có kịch bản tinymce.js để hiển thị trong phần đầu của bố cục quản trị.

Trong javascripts/active_admin.js:

//= require active_admin/base 
//= require tinymce 

$(document).ready(function() { 
    tinyMCE.init({ 
    mode: 'textareas', 
    theme: 'advanced' 
    }); 
}); 

Sau khi thực hiện những điều đó, mà đầu vào cơ thể (vùng văn bản) đã có một trình soạn thảo đầy đủ chức năng trên đó.

+0

Tài liệu hay. Làm việc với đường ray 3.2.13, active_admin 0.6.0, và tinymce-rails 3.5.8.2. – scarver2

+2

Thêm 'editor_selector: 'tinymce'' vào' tinyMCE.init' để chỉ các textareas cụ thể có trình soạn thảo WYSIWYG. – scarver2

Các vấn đề liên quan