TinyMCE 的自托管实例可以集成到 Ruby on Rails 项目中。本过程将创建一个包含 TinyMCE 编辑器的基本 Ruby on Rails 应用程序。
前置条件
本过程需要以下程序:
过程
在命令行或命令提示符下:
创建一个新的 Ruby on Rails 项目。
rails new myTinySite
进入项目目录。
cd myTinySite/
创建一个新的 Rails 控制器,例如:
rails generate controller Welcome index
这将创建一个名为
Welcome且操作名为index的控制器。将项目主页设置为
index。使用文本编辑器打开
config/routes.rb,例如:nano config/routes.rb
添加
root 'welcome#index'以将index设置为主页。例如:Rails.application.routes.draw do get 'welcome/index' root 'welcome#index' end
在
app/views/layouts/application.html.erb的<head>元素内添加以下行,以便在使用application布局的页面上自动包含 TinyMCE:<script src="/path/to/tinymce.min.js"></script> <script> tinymce.init({ selector: '.tinymce', license_key: 'gpl', plugins: 'lists link image table code help wordcount' }); </script>gpl许可证密钥用于在 GNU General Public License (GPL) 下自托管 TinyMCE。要使用商业许可证或包含高级插件,请将gpl替换为有效的许可证密钥。详细信息,请参阅设置许可证。通过在
app/views/welcome/index.html.erb中添加以下行,创建一个带有初始内容Hello, World!的<textarea>供 TinyMCE 使用:<%= text_area_tag :content, "Hello, World!", :class => "tinymce" %>
在命令行中,从项目的根目录启动 Ruby on Rails 服务器。
rails server
包含 TinyMCE 的页面将在 http://localhost:<port>/ 处可访问(默认:http://localhost:3000/)。