豌豆

存档

文章标签 ‘django’

Django 集成 CKEditor 踩过的坑

2018/04/11 4,342

上一次说到了在 django 中集成 tinymce。但在使用过程中发现功能不够强大。如自定义css, 上传文件等功能缺失，所以转向功能更全的 ckeditor

该项目在github上开源。

基本按照 github 上的简介就可以将其集成到项目里。但也有一些坑：

语言设置为中文

以下设置一个都不能少：

LANGUAGE_CODE = 'en-us'
TIME_ZONE = 'Asia/Shanghai'
USE_I18N = True

LANGUAGES = [
    ('en', 'English'),
    ('zh-cn', 'Chinese'),
]

MIDDLEWARE_CLASSES = [
    …
    'django.middleware.locale.LocaleMiddleware',
]

LANGUAGE_CODE = 'en-us'

TIME_ZONE = 'Asia/Shanghai'

USE_I18N = True

LANGUAGES = [

('en', 'English'),

('zh-cn', 'Chinese'),

]

MIDDLEWARE_CLASSES = [

…

'django.middleware.locale.LocaleMiddleware',

]

上传图片

settings.py 中以下设置

MEDIA_ROOT = os.path.join(BASE_DIR, 'media/')
MEDIA_URL = '/media/'
CKEDITOR_UPLOAD_PATH = "uploads/"

INSTALLED_APPS = [
    …
    "ckeditor_uploader",
]

MEDIA_ROOT = os.path.join(BASE_DIR, 'media/')

MEDIA_URL = '/media/'

CKEDITOR_UPLOAD_PATH = "uploads/"

INSTALLED_APPS = [

…

"ckeditor_uploader",

]

其中 CKEDITOR_UPLOAD_PATH 必须是相对路径，相对基地址为 MEDIA_URL

在 model 中使用时，使用 from ckeditor.fields import RichTextField , 在 form 中使用时，使用 from ckeditor_uploader.fields import RichTextUploadingFormField

继续阅读

Tinynote ckeditor, django

Django 集成 tinymce

2018/04/04 4,520

环境

django-1.11.8
python2.7+

步骤

Install

pip install django-tinymce4-lite

1	pip install django-tinymce4-lite

setting

在项目的 setting.py 文件中，找到 INSTALLED_APPS 节点，添加 tinymce
在项目的 urls.py 中添加以下内容：

from django.conf.urls import url, include urlpatterns = [ … url(r'^tinymce/', include('tinymce.urls')), … ]

1
2
3
4
5
6
7

from django.conf.urls import url, include

urlpatterns = [
    …
    url(r'^tinymce/', include('tinymce.urls')),
    …
]
在项目的 setting.py 文件中，添加节点 TINYMCE_JS_URL, 指向 tinymce.min.js 文件。由于本机服务器资源有限，故使用了CDN:

TINYMCE_JS_URL = 'https://cdn.bootcss.com/tinymce/4.7.9/tinymce.min.js'

1

TINYMCE_JS_URL = 'https://cdn.bootcss.com/tinymce/4.7.9/tinymce.min.js'