涉及到的文件会在文章结尾给出下载地址!
1) 将 ckeditor 放在某个位置,只要你的settings可以搜索到,比如,我放在目录第一层,setting设置如下:
INSTALLED_APPS = (
'ckeditor',
)
2) 将静态文本放在static下。
目录结构应该为 :
--static/
--ckeditor/
----ckeditor
----css
3)settings里设置样式:
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,
},
}
4) 模型里的相关代码:
from ckeditor.widgets import CKEditor
........
class TextEntry(EntryType):
.....
class AdminForm(EntryType.AdminForm):
content = forms.CharField(widget=CKEditor(),label='内容:')
注意,这是我的代码,里面的 EntryType 只是我的一个父类模型。
5) template 文件里头文件上 加上
<script type="text/javascript" src="{{ MEDIA_URL }}ckeditor/ckeditor/ckeditor.js"></script>
然后代码里直接 {{ form }},懂Django表单的,应该知道这句话的意思!
==============================================================================
如果这样还出现问题,看看是不是你的 {{ MEDIA_URL }} 路径问题了。 如果不是,贴出来探讨下!
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:Django WebEditor(CKeditor) - Python技术站