django-tinymce-4

Integrate TinyMCE4 in Django projects with Django Filebrowser

Features

• Support only TinyMCE4.
• Support Django Filebrowser.

Install

pip install django-tinymce-4

Add applications to INSTALLED_APPS in settings.py for your project (order is important):

INSTALLED_APPS = (
    'tinymce_4',
    'grappelli',
    'filebrowser',
    'django.contrib.admin',
)

Add the Django Filebrowser site to your url-patterns (before any admin-urls):

url(r'^grappelli/', include('grappelli.urls')),
url(r'^admin/', include([
    url(r'^', include(admin.site.urls)),
    url(r'^filebrowser/', include(fb_site.urls)),
])),

Usage

from tinymce_4.fields import TinyMCEModelField
from django.db import models

class ModelFoo(models.Model):
    content = TinyMCEModelField('Foo content')

Custom Settings

• Base Settings: /tinymce_4/static/tinymce_4/settings/full/setings.js
• Menu: /tinymce_4/static/tinymce_4/settings/full/menu.js
• Plugins: /tinymce_4/static/tinymce_4/settings/full/plugins.js
• External plugins: /tinymce_4/static/tinymce_4/settings/full/external_plugins.js
• Templates: /tinymce_4/static/tinymce_4/settings/full/templates.js

Demo

cd django-tinymce-4/example/
pip install -r requirements.txt
python manage.py runserver

Contributing

1. Create an issue to discuss about your idea
2. Fork it
3. Create your feature branch: git checkout -b new-feature
4. Commit your changes: git commit -am 'Add some feature'
5. Push to the branch: git push origin new-feature
6. Create a new Pull Request
7. Profit!

Setup environment

Install npm packages

cd django-tinymce-4/
npm install

Run example

cd django-tinymce-4/example/tiny_example/
python manage.py runserver

Build css

gulp css

Branches

• master - latest release branch
• develop - development branch for new releases