ruby on rails 使用TinyMCE

最新推荐文章于 2025-04-02 10:06:58 发布

原创最新推荐文章于 2025-04-02 10:06:58 发布 · 614 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ruby-on-rails #tinymce

ruby on rails 专栏收录该内容

15 篇文章

订阅专栏

本文介绍两种集成TinyMCE富文本编辑器的方法：一种通过YML配置文件，另一种通过JS配置文件。每种方法都详细说明了具体的步骤，包括安装依赖、配置文件的创建及设置、在应用中引入必要的脚本以及如何在视图中使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里介绍两种方法，第一种使用yml配置文件，第二种使用js配置文件
第一种方法：
1. 在gemfile中加入如下语句，并使用bundle install

gem 'tinymce-rails'

在config中创建一个tinymce.yml文件，并把一些基本配置加入其中

theme_advanced_toolbar_location: top
theme_advanced_toolbar_align: left
theme_advanced_statusbar_location: bottom
theme_advanced_buttons3_add:
- tablecontrols
plugins:
- table
- image

3. 在application.js文件中加入如下命令行：

//= require tinymce

4. 最后在application.html.erb中加入如下命令行

<%= tinymce %>

最后在文件中便可以使用雷鸣tinymce来使用tinymce了

<div class="field">
<%= f.label :content %><br>
<%= f.text_area :content, :class => "tinymce" %>
</div>

第二种方法：
1. 同上第一步
2. 在application.js中加入如下代码

//= require tinymce-jquery

在app/javascript文件中新建tinymce.js文件，并在其中写入基本配置

function tinymce_load(){
  tinymce.init({
    selector: "textarea.tinymce",
    menu : "core",
    toolbar: "bullist numlist outdent indent | link"
  });
}
$(window).load(tinymce_load());