Ruby on Rails

Tiny Cloud 可用于将 TinyMCE 集成到 Ruby on Rails 项目中。此过程将创建一个包含 TinyMCE 编辑器的 基本 Ruby on Rails 应用程序。

先决条件

此过程需要以下程序：

• Node.js

• Yarn

• Ruby

• SQLite 3+

• Ruby on Rails

步骤

在命令行或命令提示符中：

1. 创建一个新的 Ruby on Rails 项目。

   rails new myTinySite

2. 进入项目目录。

   cd myTinySite/

3. 创建一个新的 Rails 控制器，例如：

   rails generate controller Welcome index

   这将创建一个名为 Welcome 且包含名为 index 操作的控制器。

4. 将项目主页设置为 index。

   1. 使用文本编辑器打开 config/routes.rb，例如：

      nano config/routes.rb

   2. 添加 root 'welcome#index' 以将 index 设置为主页。例如：

      Rails.application.routes.draw do
        get 'welcome/index'
      
        root 'welcome#index'
      end

5. 在 app/views/layouts/application.html.erb 的 <head> 元素内添加以下行，以便在使用 application 布局的页面上自动包含 TinyMCE：

   <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/8/tinymce.min.js" referrerpolicy="origin" crossorigin="anonymous"></script>
   <script>
     tinymce.init({
       selector: '.tinymce',
       plugins: 'lists link image table code help wordcount'
     });
   </script>

6. 通过在 app/views/welcome/index.html.erb 中添加以下行，为 TinyMCE 创建一个初始内容为 Hello, World! 的 <textarea>：

   <%= text_area_tag :content, "Hello, World!", :class => "tinymce" %>

7. 在命令行中，从项目的根目录启动 Ruby on Rails 服务器。

   rails server

包含 TinyMCE 的页面将在 http://localhost:<port>/ 处可访问（默认：http://localhost:3000/）。