簡體   English   中英

如何在 activeadmin 中添加 tinymce-rails gem?

[英]How to add tinymce-rails gem in activeadmin?

我在我的 Rails 應用程序中使用active admin gem。在那,我有一篇資源文章和用戶,我需要在文章中使用TinyMCE-rails 如果可能的話可以添加嗎?

ActiveAdmin有許多WYSISWG 編輯器插件 TinyMCE 插件有一段時間沒有更新,所以我不知道它的狀態。 其他幾個是最新的。

我意識到這有點晚了,但希望這能在未來幫助其他人——TinyMCE 處於活動狀態並且tinymce-rails gem 得到積極維護(截至撰寫本文時的最新版本還不到 2 個月)。 讓這個在 ActiveAdmin 中工作並不難, github頁面和TinyMCE 和 ActiveAdmin for Rails帖子告訴你大部分你需要的,但這是我所做的:

  1. 添加 tinymce-rails gem - 捆綁安裝
  2. 添加 TinyMCE assets 通過添加//= require tinymceapplication.js
  3. active_admin.js中注冊tinymce.js並通過將以下內容添加到您的active_admin.js文件來初始化它(這是我缺少的密鑰):
...
//= require tinymce
...
// initialize tinymce
$(document).ready(function() {
  tinyMCE.init({
     selector: 'textarea.editor',
     browsser_spellcheck: true,
     menubar: 'edit view insert format tools table help',
     plugins: 'code image link lists media preview table'
   });
});

在表單中使用它:

...
f.input :description, input_html: {rows: 4, class: 'editor'}
...

希望這對以后的人有所幫助。

暫無
暫無

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

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