https://github.com/ghoppe/refinerycms-tinymce

TinyMCE Editor support for RefineryCMS
https://github.com/ghoppe/refinerycms-tinymce

Last synced: 3 months ago
JSON representation

TinyMCE Editor support for RefineryCMS

• Host: GitHub
• URL: https://github.com/ghoppe/refinerycms-tinymce
• Owner: ghoppe
• Created: 2015-06-26T14:57:55.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2023-03-08T20:28:36.000Z (almost 2 years ago)
• Last Synced: 2024-08-03T18:13:11.349Z (7 months ago)
• Language: Ruby
• Size: 2.04 MB
• Stars: 7
• Watchers: 5
• Forks: 21
• Open Issues: 12
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-refinerycms - refinerycms-tinymce - TinyMCE Visual Editing (Backoffice extensions)

README

        
# TinyMCE Visual Editing for RefineryCMS

TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL.

This is an extention to Refinery to use TinyMCE as the editor in text fields.

![](http://img-fotki.yandex.ru/get/94893/203537249.14/0_151ef7_7145b111_orig.png)

## Installation

Replace in Gemfile:

```

gem 'refinerycms-wymeditor', ['~> 1.0', '>= 1.0.6']

```

with:

```

gem 'refinerycms-tinymce', git: 'https://github.com/ghoppe/refinerycms-tinymce'

```

And run:

```

bundle install

```

Restart server.

## Customization

Options set upon initialization can be found in `assets/javascripts/refinery/boot_tinymce.js.erb`. Options have been selected to match the current functionality of the default WYMeditor that is used with Refinery. The only modification to basic TinyMCE formatting tools is the addition of a plugin: `stylebuttons`. This plugin replicates the P/H1/H2/H3 style buttons on the WYMeditor toolbar.

Documentation for customization of the `tinymce.init` function can be [found here.](http://www.tinymce.com/wiki.php/Configuration)

This is the first release and a work in progress. The dialog integration needs a bit of refinement so that the dialogs better fit the TinyMCE paradigm.

## Dialogs that show from TinyMCE

### Page Link dialog

The link dialog lets you link in several different ways:

* To an internal page

* To an external page

* To an email address

* To a resource you've uploaded in the Resources tab.

### Insert Image dialog

Simply lets you select from an existing image found in the Images tab or upload

a new one right within the dialog.