先看效果 超级管理员的界面为:
$ Z. Z: [1 W# |: u ' \4 x$ g% M5 w6 J1 @
管理员的界面为:
0 `1 }& A# ^0 h8 b- Z3 s; p
# Q- R" R! ?. c% c3 u- e$ U首先我们要设置两个用户,一个是给管理员使用的,角色是管理员;一个就是我们的第一个用户,设置角色为超级管理员 p: j' F: L X1 I
我们再回到第一篇的配置上传图片功能,在这里我们使用IMCE来上传图片。
, [$ H8 l& }2 g配置好imce的上传图片后,我们启用ckeditor和imce。然后设置权限access ckeditor勾选。
7 K( |. K) q( ^% q. L) M" w$ U7 {现在我们来到我们最重要的内容,配置CKEditor。先新建一个为admin_editor,如下图,然后分别配置相应的角色,advanced为超级管理员,admin_editor为管理员。5 g6 [& |. a9 r) B, V9 M. w$ d" s

6 \4 Q) K" \5 b, T1 r然后我们就得对admin_editor,advanced进行单独的编辑了。在编辑之前,我们先创建一个管理员的toolbar,! B" d! }: P5 a0 H0 I
在ckeditor模块中找到ckeditor.config.js这个文件,添加我们的管理员toolbar。1 ]/ s! `. w: z, }& a' U( Q' S
config.toolbar_DrupalBasic = [ [ 'Format','FontSize', '-', 'Bold', 'Italic', '-', 'NumberedList','BulletedList', '-', 'Link', 'Unlink', 'IMCE' ] ];
9 ^' h* p: p9 K; z* l2 s* V" ?6 N. e* }上面的代码是定义DrupalBasic的toolbar,我们在其下面添加我们的管理员toolbar
8 Z* t3 ^; x3 k5 Z9 Y! I- @, C /*
. S. }2 T3 _6 h: @3 r8 X. { * for admin use
' q( R; W- B( K, @ */$ B0 Z& C3 n4 F0 k! e* F
config.toolbar_DrupalAdmin = [ , k% B; l$ Z; ^3 s0 T
['Format','FontSize','-','Bold','Italic','Underline','Strike','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
; h! g2 w" p7 m) Q8 u; ?2 U ['TextColor','BGColor'],2 ?' w7 H K* t; f
'/',
. c2 N2 L% y( G [ 'Cut','Copy','Paste','-','NumberedList','BulletedList', '-', 'Link', 'Unlink','-', 'Image','Table','HorizontalRule','SpecialChar'],
# |6 P; q% G- D$ Q% [+ ?! @ ];( b x* a' x9 a7 [, p3 U M
现在我们回到CKEditor的配置页面,分别编辑admin_editor,advanced。
6 ~1 S5 v, B& k$ F/ _先编辑admin_editor0 k0 h" r) k3 B5 ?
第一步:设置Basic setup中,将管理员角色勾选 g5 |! K1 E& P8 A$ ~; n
第二步:在Editor appearance中,在toolbar中选中我们创建的DrupalAdmin* ^% f5 e7 F0 d8 M8 ? L" e
第三步:在File browser settings中,设置imce为上传的,如下:
" y) Y0 p% }1 P. q / q5 n3 y" C! \1 u3 v2 S' ~) A
我们再来编辑advanced
* }7 Z$ g0 @. P第一步:设置Basic setup中,将超级管理员角色勾选/ E- P0 _) f" w) b
第二步:在Editor appearance中,在toolbar中选中我们创建的DrupalFull0 ^ x" Y/ Q3 c6 r
第三部:与admin_editor一样的设置。
( E' Y4 l4 f2 _1 P& h6 |/ u; w7 I2 s$ L
5 K# \: v% d, \6 x3 ~( M
|