【Django基础入门】Ckeditor Wins7下图片上传及显示的路径问题

1：在 virtualenv 库里 安装 django-ckeditor

      F:\workspace\fx_lib 是我的 第三方库的路径，也可用  pip install django-ckeditor 进行安装

pypm -E F:\workspace\fx_lib install django-ckeditor

2：设置 settings.py

CKEDITOR_MEDIA_PREFIX="/site_media/media/ckeditor/"
CKEDITOR_UPLOAD_PATH = os.path.join(PROJECT_ROOT,"site_media" , "media/uploads").replace("\\",'/')
CKEDITOR_UPLOAD_PREFIX=os.path.join(PROJECT_ROOT,"/site_media/media/uploads").replace("/","\\")

CKEDITOR_CONFIGS = {
    'default': {
        'toolbar':[        
            ['Source','-','Save','NewPage','Preview','-','Templates'],        
            ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print','SpellChecker','Scayt'],        
            ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],        
            ['Form','Checkbox','Radio','TextField','Textarea','Select','Button', 'ImageButton','HiddenField'], 
            ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],        
            ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],        
            ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],        
            ['Link','Unlink','Anchor'],        
            ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],        
            ['Styles','Format','Font','FontSize'],        
            ['TextColor','BGColor'],        
            ['Maximize','ShowBlocks','-','About']        
        ],
        'width': 650,
        'height': 200,
        'toolbarCanCollapse': False,
    },
}

3：发布之前部署静态文件

python manage.py collectstatic

4：在 admin 里使用 ckeditor

models.py

from ckeditor.fields import RichTextField 
class Course(models.Model):
    coursecontent = RichTextField(verbose_name=_('coursecontent'))

5：在网页中使用 ckeditor

forms.py

from ckeditor.widgets import CKEditorWidget
class AddCourseForm(forms.ModelForm):
    coursecontent = forms.CharField(label=_('coursecontent')   ,widget=CKEditorWidget())

如图：

6：问题

在 windows 下 会出现 下图 的问题 ，图片能上传 但是不能预览显示 ，查看 图片 的html代码 发现 路劲有问题 

研究了好长时间 发现 如下信息：
https://github.com/brentrojas/django-ckeditor/commit/ce41e5219c9cd8f4ea1d7d339499ca61bdab7d65
原来这是 windows下的bug
那么我们只要 在库中做出相应的修改即可
如下图：

在模板中 去掉 ckeditor 造成的 html 标签：
只需要做出如下修改：

						{% autoescape off %}
						{{courseinfo.coursecontent}}
						{% endautoescape %}

至此，在django中可以正常使用 ckeditor了。

转载请注明出处!