使用 tinymce-rails 初始化 tinymce-rails-image-upload答案

【问题标题】：Initializing tinymce-rails-image-upload using tinymce-rails使用 tinymce-rails 初始化 tinymce-rails-image-upload
【发布时间】：2026-01-08 23:35:01
【问题描述】：

我正在尝试使用 tinymce-image-upload gem 和 tinymce-rails gem 设置图片上传。我在 tinymce-image-upload 设置中的某个步骤遇到问题：

像往常一样设置 TinyMCE，但在调用 .tinymce() 时，添加

plugins: "uploadimage"
#toolbar option must include "uploadimage" somewhere to have the button appear

因为我使用的是 tinymce-rails，所以我有

<%= tinymce %>

在视图底部初始化tinymce。但是，我不确定如何添加：

plugins: "uploadimage"

在demo 中，它被添加到 javascript 中，如下所示：

<script type="text/javascript">
$("document:ready", function() {
 $("[rel=tinymce]").tinymce({
  theme: "modern",
  toolbar:    "bold,italic,underline,|,bullist,numlist,outdent,indent,|,undo,redo,|,pastetext,pasteword,selectall,|,uploadimage",
  pagebreak_separator: "<p class='page-separator'>&nbsp;</p>",
  plugins: ["uploadimage"],
  relative_urls: false,
  remove_script_host: false,
  document_base_url: (!window.location.origin ? window.location.protocol + "//" + window.location.host : window.location.origin) + "/",
   })
 });
</script>

【问题讨论】：

标签： ruby-on-rails tinymce-rails

【解决方案1】：

根据tinymce-rails 文档，https://github.com/spohlenz/tinymce-rails/blob/master/README.md

有两种配置插件的方法：

1) 使用 yml 配置文件进行全局设置（适用于所有 tinymce 调用） config/tinymce.yml

plugins:
  - uploadimage

2) 在tinymce 方法调用中包含选项作为哈希：

<%= tinymce plugins: ["uploadimage"] %>

【讨论】：