先看效果 超级管理员的界面为:
8 q% v' z: R' L0 {9 B9 V
' }3 w6 e6 O$ V8 x管理员的界面为:
8 B% C* o0 ?% Y& Q 1 D+ T" r7 c% O' o1 }; d/ }7 w' O" C
首先我们要设置两个用户,一个是给管理员使用的,角色是管理员;一个就是我们的第一个用户,设置角色为超级管理员
' T. o1 J9 \7 s我们再回到第一篇的配置上传图片功能,在这里我们使用IMCE来上传图片。6 t' ], H* D5 G( W& m- Z
配置好imce的上传图片后,我们启用ckeditor和imce。然后设置权限access ckeditor勾选。 {4 ^. B$ l: r8 F8 i; ` \, N
现在我们来到我们最重要的内容,配置CKEditor。先新建一个为admin_editor,如下图,然后分别配置相应的角色,advanced为超级管理员,admin_editor为管理员。
: M: b8 t& p8 d/ |" T
; h5 ~# Y9 x! l然后我们就得对admin_editor,advanced进行单独的编辑了。在编辑之前,我们先创建一个管理员的toolbar,
: k! ^# a" f! w: I( K在ckeditor模块中找到ckeditor.config.js这个文件,添加我们的管理员toolbar。/ u( q, m* m& Z
config.toolbar_DrupalBasic = [ [ 'Format','FontSize', '-', 'Bold', 'Italic', '-', 'NumberedList','BulletedList', '-', 'Link', 'Unlink', 'IMCE' ] ];! T5 X! o3 e) e5 O3 q ?7 D
上面的代码是定义DrupalBasic的toolbar,我们在其下面添加我们的管理员toolbar
) d* @. V# M/ S /*4 `( `) Z! o2 u1 ]
* for admin use
9 [# U b( }3 j+ g6 Z/ M) z6 U */9 k8 r4 d3 a' Q: N4 n# d; |$ e
config.toolbar_DrupalAdmin = [
2 u$ ^" s# r( a: J7 e+ u$ j2 a; D ['Format','FontSize','-','Bold','Italic','Underline','Strike','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
/ f' `. a/ Z4 G& T E, O: a+ B ['TextColor','BGColor'],
& k) @7 R: c. e3 _8 y, F4 m7 X8 ^ '/',
( W# A2 F9 M5 ` e [ 'Cut','Copy','Paste','-','NumberedList','BulletedList', '-', 'Link', 'Unlink','-', 'Image','Table','HorizontalRule','SpecialChar'],% _& u9 O7 Y* C! D- `6 k: {
];; V% V P: O& A* S7 @9 G* a
现在我们回到CKEditor的配置页面,分别编辑admin_editor,advanced。
" b" A* \7 I4 \+ _9 v2 _1 D先编辑admin_editor
* r3 I& j& i5 z! }. ?. l+ B第一步:设置Basic setup中,将管理员角色勾选+ |: {8 e; G9 I2 _7 W4 A2 }# E
第二步:在Editor appearance中,在toolbar中选中我们创建的DrupalAdmin9 F& i$ F- y+ \2 l
第三步:在File browser settings中,设置imce为上传的,如下:
, S/ J0 r# a* M' f6 m
6 C* b: q6 J( X9 B& k5 ^# t我们再来编辑advanced+ k# H# G' J5 s4 ?1 U0 x
第一步:设置Basic setup中,将超级管理员角色勾选; i# @/ l* |! P$ c/ Z0 E$ m+ D
第二步:在Editor appearance中,在toolbar中选中我们创建的DrupalFull9 {% f9 z, }( U
第三部:与admin_editor一样的设置。
o `9 Q% ?+ Y$ S# O7 d7 Y# U/ {: Q
/ Y/ M" D# b' r! c |