drupal所见即所得编辑器

1、很多人习惯使用所见即所得编辑器，而自带的模块是没有的，需要自己安装，我们下面讲解fckeditor的安装过程，同时演示Drupal如何安装模块。fckeditor是一种所见即所得的编辑器，使用比较广泛，之所以选择这个编辑器是为了以后整合图片上传容易。第一步，下载所需文件。需要下载两个软件包，一个是整合fckeditor到Drupal的插件,一个是fckeditor的文件包。fckeditor插件：fckeditor的文件包：第二步，将文件上传到服务器。按照如下步骤上传：首先将fckeditor插件的文件包fckeditor上传到module目录下，如下图：站长百科I；）madulez_jmis

2、c然后将fckeditor编辑器的所有文件放到module/fckeditor/fckeditor目录下这样就完成了文件上传第三步。启用插件登陆Drupal,进入Adminster>module会看到在插件管理中多出了我们刚刚上传的fckeditor（如下图），选中它，然后保存设置。站后百科-Cora-rsquradOtherEnabledNameVersionDsscriptiaitFCKeditor6hM-12-LEnablesth>ufwq。ofFCKaditor；WYSIWYG)insteadcfplaintextficlcc.选中要安装的模块二0/"figrat

3、ion保存设置站长百科四w叽/wWkamm一ModulesUninstallTheconfiguratianoptionshavebeensved.设置成功ModulesarepluginsthatextendDrupal'scurefunctionality.Enconf也uf虱诂nbutton.Onceamoduleisenabled,newpermissia第四步，设置fckeditor编辑器。安装好FC时辑器以后需要设置，在以下位置进入FCK管理界面：站长百科时用时耳击己耿叫oomSiteconfigurationRdjuMbicfileQ(jnfigurationoption

4、s.ActionsMainagatheactionsdefinedforyoursite.Administrationthem©Settingsforhowtyouradministrativepgesshouldlook.CleanURLSEnetileordisablecl&enUR.L5foryourHtu,Dte3rleItimeSettingsforhowDrupddisplaysdteandtime,dswellasthesystem'sdefaulttimszaneErrorreportingControlIiq冉Drupeldealswitherror

5、sindudinq403/4D4errorsas叫Ml35PHP号rorparting,FCKeditor.I进入设置Configurethericheditor*FilesystemTelIDrupalwhrctostoreuploadedfilesandhowthoy3r日accessed.FCK的参数设置界面如下图所示:站长百科WW*|-8r"L；AeanorseningsTbaFCKeditormodUiqallowsDru口己Iwrepacet&KCareafteldswithmrichtax匚oreditor.向话editorbringsmanyofthsponf

6、knownrffiittODRditnr?Iik*Wgrrito,百和户口甘irR-sti/fiivlightweightanddrn'tequim号mkind厂f1口虻=11时icmonth号clientcrMoreinfionrnahonaboutthesrltnr%locatedattheF(T闩rhbi八门可曲口5口广，Asmalluserguide13toratF-datFrKpri«tnrun;uide.Profiescnberefined°rtsarrqlmwACeditizrprafil?caicieFingwhichpagesreceive十七FC

7、kedtor匚mnabilitfj/h曰tbutcorubfedforthseditorhowthseditorisdisplayed,andifo(wotheraditortuned.Rit口os由值alsotocfofineCha0口giProfiletThatwillbeappendedtonilcth=ronofilH.-aitls.口川、uerswth大5accc；3fchciitorprmisjionwilt)eate二口useFCKediOrProfiles配置文件ProFlle配置文件RdIvs用户组OperationDefaultanonymoususerecfctdelet

8、eAdYncedauterncsteduserRtitrislf+ftCrtdlttieuwprofile新建配置文件&k)balstilingsProfileOperdtioniFCKeriitnrGlobalPrahle全局设置edtJfIpItp主要设置FCK的配置文件即可，默认的有两个，分别对应anonymous用户组和authenticated用户组，如果你新建了其他用户组可以建立对应的配置文件。因为游客一般没有编辑权限，我们设置好authenticated用户组即可。设置之前先要在Usermanagement>Permissions中把authenticateduse

9、r的accessfckeditor权限勾上,否则authenticated用户组无法使用FCK也就无法将配置文件与其关联了。关于权限的详细说明我们会在后面的文章中专门介绍。点击Advanced配置文件后面的edit开始编辑此配置文件，主要设置如下内容：第一部分设置配置文件名称，关联的用户组和是否允许用户自定义工具条:玷长百科BasicsetupProfilename:*配置文件名称DefaultEnteramameforthispre-file.Thisnameisonlyvisiblewithinthefekeditoraidministratiompage.Rolesallowedtous

10、ethisprofile:*可以使用此配置文件的角色（会员组）HauthenticateduserOnlvrolstswith'accessfekeditor1parmisiienwillIbashownhera.Ifnoroleism«kesurethatyou&!ace*fffek«dttor'p«rmi*cion<.AllowusergtocustomizeFCKMt"加口七配是否允许用户自定义编辑器trueIfallowed/userswillbeabletO'ouerrideEditor亳aranu电byv

11、isrtinqtheirprofilepaggF第二部分是Visibilitysettings设置，一般不用修改第三部分是FCK编辑器的外观设置，包括显示什么形式的工具条，都显示哪些按钮等等。在Toolbar选项中可以选择FCK编辑器的工具条显示的内容，可以测试一下每个选项，看那个适合自己使用，default的功能比较丰富。DefduLWt：默认是否启用编辑器enabledvDsfaulHteditorstate,ifdisabled,richtsKteditorma*fsti11beenabledusingtoggileorpopupRiindow.Showdisable/enableric

12、htexteditortoggle:田日司是否可以打开/美团编辑器Whrtharornottoshi神thediableenablerichtexteditortogglebelowttie-teKtQFemWorksonlyifFCuHUseFCKcditorinapopupwindow:fal5&7在弹出窗口中使用编辑器Ifthifoptioniftnabltd«p«pupWndQ书Vi'illb«ui«dinsteadofareplace,Skin:皮肤熊ultNChoosead巨F31111tskin.luolbon工具条Drup

13、alFiItered7ShQgEadfiulittcolbsrTcdefineweditfc3tediwfrj5I©匚自tedinmodules/fckStartthetoolbarexpanded:enabledv是否启用工具条扩展Thetaalbarstart鞋xp曷ndgdlorccllaps&diwidth：宽度18%|Widtliiriplxskorpercent.Ex：400or100%Language;ENvLiiBThelangu-aefortheFCKeditorinteiface.Auto-detectlanguage:是否自动检测语言trueJautod

14、etectuferlngu3gefeature.第四部分是输出设置，一般使用默认即可:站长百科利H口呢,ERICleanup白ndoutputj输出设置Enter mode：Set whidh tmg FCKeditorlHlllilIKlllllMIIIIHHlllliMII1JillMUI“shouIdusewhenEnterkeyispressed.Shift+Entermode:_<br>ySetwhiditaqFCKaditcrshouldusewhenShift+Enterispresfed.Fontformats:p;div;prejaddres5jhl;h2;h3j

15、h4；h5;h6Semlcolcnseparatedlistc»fHTMLfontformats.Allowedvaluesare:p；Apply5ourceformatting:tru邑mwhen$吧11。"true"theeditorwillformattheXHTMLwhenswitchingfrap日ragr3Ph才/talbles3ndFormatoutput:trw*Wh*nf*七k<3"tru«"theeditorwillformattheXHTMLoutputby»rs«rhn第五部分是CSS

16、设置，一般使用默认即可:站长百科wwpt也加而ke«comi一CSS设置EditorCSS;uethemecssvDttfipestheCSStebeusedintheaditerarsa.ufethemecss-I。白dstyle.cssfromcurrent与也曰themei.definecss-enteirpath-forcssfiIeLeioFCKedlrtordefaul-t-uesderaulitCSSfroimeditor.CSSpath:EnterpothtoCS£file3m声见：ormliftofeiffil*ssp-Maer&j!%h(h占比/

17、)JStt(pthtsthd/J白色suretfi£邑I巨士"d已引品金mBlu工Predefinedstyles:u5ethenefck5tyles_.Knril"Defirethelocatio<noftck5t?yle?file>Iti5usedbythe"Style"dropCopymodules/fckeditiDr/fckeditor/fckstyks,xmlinsideourthem&diirePredefinedstylespath:EnterpathtoXMLfilewithpredefinedstyles

18、(era/T?/?fe:/fekstyfes.rmf)M寻钝h(hotnarne;f)斡t(p-athtotheme：end/)j倏B号suretof&kct"definepathtofGkstyle5ixmr,母第六部分是文件管理设置，设置是否允许FCK管理文件。如果需要通过FCK±传图片需要将其设置为true。站售百科/ww丑国收匕匚031：-m二匕llhIy工：，iuimuHHIIIHi-illlli-rlllllrHiailMillianiaillMl-illIHsi11115SetfilebrowsersettingsIfyouenablefileupl。

19、jchanddisablebsicandadvacoreuploadmoduleoracontribmoduleliksIMGE,PleasenotethattheseoptiiAlldVibdsicfilemanagement:fal?evAlloquickupllo-ads.AIIovjidvjncedfilemanagement:fakevAllowfil咱managennentinthe岩dumnr电dfilem3nag昼匕Pathtouploadedfiles:项b%f，|Pathtoupla且dgdfilrelstiugtothtdocumantrootAallablwildcardcharacters!佻b-baseURLpatlioftheDrupalinstallation(/).Dtif-Drupelfile5ystemp-athwherethefilesarestored(sites/defaulVfiles)-皿u-User13