当前位置:首页 > 网络编程 > 新手教程 > > 安装所见即所得编辑器 Drupal使用系列教程之二

安装所见即所得编辑器 Drupal使用系列教程之二

点击次数:28 次 发布日期:2008-11-16 10:00:55 作者:源代码网
源代码网推荐

源代码网整理以下  很多人习惯使用所见即所得编辑器,而Drupal自带的模块是没有的,需要自己安装,我们下面讲解fckeditor的安装过程,同时演示Drupal如何安装模块。fckeditor是一种所见即所得的编辑器,使用比较广泛,之所以选择这个编辑器是为了以后整合图片上传容易。

源代码网整理以下  第一步,下载所需文件。需要下载两个软件包,一个是整合fckeditor到Drupal的插件,一个是fckeditor的文件包。

源代码网整理以下  第二步,将文件上传到服务器。按照如下步骤上传:

源代码网整理以下  首先将fckeditor插件的文件包fckeditor上传到module目录下,如下图:

源代码网整理以下  

1.png (1.42 KB)

源代码网整理以下 

源代码网整理以下  2008-6-3 18:41

源代码网整理以下  然后将fckeditor编辑器的所有文件放到module/fckeditor/fckeditor目录下

源代码网整理以下  这样就完成了文件上传

源代码网整理以下  第三步。启用插件

源代码网整理以下  登陆Drupal,进入 Adminster——〉module 会看到在插件管理中多出了我们刚刚上传的fckeditor(如下图),选中它,然后保存设置。

源代码网整理以下  

2.png (5.25 KB)

源代码网整理以下 

源代码网整理以下  2008-6-3 18:41

源代码网整理以下  

3.png (3.85 KB)

源代码网整理以下 

源代码网整理以下  2008-6-3 18:41

源代码网整理以下  第四步,设置 fckeditor编辑器。

源代码网整理以下  安装好FCK编辑器以后需要设置,在以下位置进入FCK管理界面:

源代码网整理以下  

4.png (5.46 KB)

源代码网整理以下 

源代码网整理以下  2008-6-17 18:06

源代码网整理以下  FCK的参数设置界面如下图所示:

源代码网整理以下  

5.png (12.65 KB)

源代码网整理以下 

源代码网整理以下  2008-6-17 18:06

源代码网整理以下  主要设置FCK的配置文件即可,默认的有两个,分别对应anonymous用户组和authenticated用户组,如果你新建了其他用户组可以建立对应的配置文件。因为游客一般没有编辑权限,我们设置好authenticated用户组即可。设置之前先要在User management——>Permissions 中把authenticated user的access fckeditor权限勾上,否则authenticated用户组无法使用FCK,也就无法将配置文件与其关联了。关于权限的详细说明我们会在后面的文章中专门介绍。

源代码网整理以下  点击Advanced配置文件后面的edit开始编辑此配置文件,主要设置如下内容:

源代码网整理以下  第一部分设置配置文件名称,关联的用户组和是否允许用户自定义工具条:

源代码网整理以下  

11.png (10.34 KB)

源代码网整理以下 

源代码网整理以下  2008-6-17 18:06

源代码网整理以下  第二部分是Visibility settings设置,一般不用修改

源代码网整理以下  第三部分是FCK编辑器的外观设置,包括显示什么形式的工具条,都显示哪些按钮等等。在Toolbar选项中可以选择FCK编辑器的工具条显示的内容,可以测试一下每个选项,看那个适合自己使用,default的功能比较丰富。

源代码网整理以下  

6.png (26.97 KB)

源代码网整理以下 

源代码网整理以下  2008-6-17 18:06

源代码网整理以下  第四部分是输出设置,一般使用默认即可:

源代码网整理以下  

7.png (6.98 KB)

源代码网整理以下 

源代码网整理以下  2008-6-17 18:06

源代码网整理以下  第五部分是CSS设置,一般使用默认即可:

源代码网整理以下  

8.png (8.02 KB)

源代码网整理以下 

源代码网整理以下  2008-6-17 18:06

源代码网整理以下  第六部分是文件管理设置,设置是否允许FCK管理文件。如果需要通过FCK上传图片需要将其设置为true。

源代码网整理以下  

9.png (9.39 KB)

源代码网整理以下 

源代码网整理以下  2008-6-17 18:06

源代码网整理以下  最后一部分是高级选项,一般不用进行设置。

源代码网整理以下  这样设置完之后再到Create content——>Story里面打开编辑窗口,就会看到FCK的编辑界面了:

源代码网整理以下  

12.png (6.21 KB)

源代码网整理以下 

源代码网整理以下  2008-6-17 18:06

源代码网整理以下  这样设置完之后,在上传图片的时候会遇到如下错误:

源代码网整理以下  

10.png (4.91 KB)

源代码网整理以下 

源代码网整理以下  2008-6-17 18:10

源代码网整理以下  解决方法:需要到这里fckeditor/fckeditor/editor/filemanager/connector/php里面config.php文件里面第30行Config[Enabled ]= false改为true才可以.否则出现连接器错误.

源代码网供稿.
网友评论 (0)
会员中心
网络编程
本站推荐
网络编程之精华