|
先看效果 超级管理员的界面为:4 Q; r$ A2 n) c

' p; k) i2 t8 g" j& K* ?0 a H管理员的界面为:
! |+ N, G- L$ `# K1 i+ b8 N n! U; p0 q" Q1 B4 l0 ^
首先我们要设置两个用户,一个是给管理员使用的,角色是管理员;一个就是我们的第一个用户,设置角色为超级管理员
# ]( _2 d9 Y( k' e+ z7 c; j我们再回到第一篇的配置上传图片功能,在这里我们使用IMCE来上传图片。
' I1 ~; i2 t e: u配置好imce的上传图片后,我们启用ckeditor和imce。然后设置权限access ckeditor勾选。
0 @9 \1 J+ ~+ c' ~3 h现在我们来到我们最重要的内容,配置CKEditor。先新建一个为admin_editor,如下图,然后分别配置相应的角色,advanced为超级管理员,admin_editor为管理员。4 f& I# D: j1 i! r8 D1 ]
6 F( |" |/ ]7 ~1 B
然后我们就得对admin_editor,advanced进行单独的编辑了。在编辑之前,我们先创建一个管理员的toolbar,
- @" D( H8 J, i( M f! m9 }9 S在ckeditor模块中找到ckeditor.config.js这个文件,添加我们的管理员toolbar。
! {) U) x+ X- F" T% n* D config.toolbar_DrupalBasic = [ [ 'Format','FontSize', '-', 'Bold', 'Italic', '-', 'NumberedList','BulletedList', '-', 'Link', 'Unlink', 'IMCE' ] ];1 T: j. I# {# O6 |
上面的代码是定义DrupalBasic的toolbar,我们在其下面添加我们的管理员toolbar
4 l; K. M1 G# q; V: P /*4 h2 E1 j! o+ a" e
* for admin use
" I i$ g& a3 m) t/ V/ h) S */4 _' u: ` Y8 A7 T! m+ [
config.toolbar_DrupalAdmin = [ , X7 _# d0 |3 W
['Format','FontSize','-','Bold','Italic','Underline','Strike','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],9 |& I" d) H4 \ p$ _/ {
['TextColor','BGColor'],
9 O! M) i7 H4 E7 s '/',
6 ?& o$ B& R9 i; V9 a( \ [ 'Cut','Copy','Paste','-','NumberedList','BulletedList', '-', 'Link', 'Unlink','-', 'Image','Table','HorizontalRule','SpecialChar'],/ b4 P- V7 S! d
];6 k0 a: c2 Z& o2 @! O0 b
现在我们回到CKEditor的配置页面,分别编辑admin_editor,advanced。 }3 b3 I) R h" @5 j* a* ^
先编辑admin_editor+ ?; c* @9 a3 j3 D5 |; X
第一步:设置Basic setup中,将管理员角色勾选1 F# [: {! q/ e; O0 A$ |$ \' r
第二步:在Editor appearance中,在toolbar中选中我们创建的DrupalAdmin
( d. Z4 {0 r! j( M, Q* L' g8 q0 S第三步:在File browser settings中,设置imce为上传的,如下:
- P' R& P9 K* I# F4 ] ( ^3 T r- l- Q! J5 q8 Q
我们再来编辑advanced
$ z" J! \) f; \0 ]1 C第一步:设置Basic setup中,将超级管理员角色勾选
6 G" o4 `8 \( X }! L6 c9 h第二步:在Editor appearance中,在toolbar中选中我们创建的DrupalFull0 a8 P3 }1 R$ E2 H. F# W: V& y
第三部:与admin_editor一样的设置。9 ?" T- S% ~( r8 g: B1 G
/ Y8 J# c* Y' Y
* h* K& R% o" x7 P- `+ F/ o |