東北大學(xué)秦皇島分校WEB實(shí)驗(yàn)報(bào)告

1、135971457.docWEB 程序設(shè)計(jì)試驗(yàn)報(bào)告-基于PHP 的文本編輯器學(xué) 號：姓 名： 提交日期： 成 績：4100131謝虹宇2022-12-9東北大學(xué)秦皇島分校xhy 14/13/2022135971457.doc一、FCKEditor 功能FCKEditor 是一個(gè)特地使用在網(wǎng)頁上屬于開放源代碼的所見即所得文字編輯器。它志于輕量化， 不需要太簡單的安裝步驟即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及 ABAP 等不同的編程語言相結(jié)合 FCKeditor 是一個(gè)特地使用在網(wǎng)頁上屬于開放源代碼的所見即所得文字編輯器。它志于輕

2、量化，不需要太簡單的安裝步驟即可使用。它可和 PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及 ABAP 等不同的編程語言相結(jié)合。二、FCKEditor 關(guān)鍵技術(shù)：1.PHPPHP 代表：超文本預(yù)處理器PHP: Hypertext Preprocessor只需要很少的編程學(xué)問你就能使用PHP 建立一個(gè)真正交互的WEB 站點(diǎn)。 PHP 是能讓你生成動(dòng)態(tài)網(wǎng)頁的工具之一。PHP 網(wǎng)頁文件被當(dāng)作一般HTML 網(wǎng)頁文件來處理并且在編輯時(shí)你可以用編輯HTML 的常規(guī)方法編寫PHP。2.js(javascript)JS 主要是做界面的.用于客戶端也就是掃瞄器端上執(zhí)行

3、的腳本開發(fā)?？梢允咕W(wǎng)頁有動(dòng)態(tài)的效果特效，如：圖片、文字的滾動(dòng)；層的動(dòng)態(tài)切換，顯示及隱蔽；對 html 元素的操作；動(dòng)態(tài)的對html 內(nèi)容修改；動(dòng)態(tài)的修改CSS 樣式；實(shí)現(xiàn)如下拉列表的連動(dòng) 等等.JS 文件只需用記事本就可翻開修改，修改完成必需以JS 為后綴的文件。 Javascript 是一種解釋型的、基于對象的腳本語言。xhy 24/13/2022135971457.doc三、基于 PHP 的 FCKEditor 根本配置具體過程如下：首先把下載的文件精簡化：1、臨時(shí)文件及文件夾刪除：從根名目下開頭刪除一切以“_”開頭的文件及文件夾，由于他們?yōu)榕R時(shí)文件和文件夾。刪除這類臨時(shí)文件及文件夾之后，

4、我們還要?jiǎng)h除一些根名目下的多余文件， 根名目下我們只保存 fckconfig.js配置文件、fckeditor.jsjs 方式調(diào)用文件、fckeditor.phpphp 方式調(diào)用文件，版本通過該文件統(tǒng)一調(diào)用 php4 或者 php5 的調(diào)用文件， fckeditor_php4.php/fckeditor_php5.php 你可以依據(jù)自己效勞器使用的狀況刪減，建議都保存、fckeditor_php4.phpphp4 的調(diào)用文件、fckeditor_php5.phpphp5 的調(diào)用文件、fckstyles.xml樣式、fcktemplates.xml模板文件和 editor 文件夾。2、edito

5、rlang 名目：存放的是多語言配置文件，由于我們只可能用到en 和 zh-cn簡體中文 所以，依據(jù)我的選擇，我刪掉其他的語言配置文件。3、editorskins 界面名目：默認(rèn)帶有三個(gè)界面default：默認(rèn)界面，加載速度相對較快； office2022：相對 pp 的界面，不過速度確實(shí)要慢些；silver：銀白色界面，加載速度也相對較快， 可以自行打算是否刪除其中一兩個(gè)。xhy 34/13/2022135971457.doc4、editorfilemanagerbrowserdefaultconnectors 名目：存放編輯器所支持的 Web 動(dòng)態(tài)語言，我們以 php 為例所以保存 php

6、 名目，test.html 文件可以幫助你查看某語言下的上傳設(shè)置等具體上傳設(shè)置我將在后面的配置作較為具體講解，可以自行打算是否刪除。5、editorfilemanagerupload 名目：同理。 到此精簡完成，整個(gè)編輯器確實(shí)“瘦身”不少。然后開頭根本配置：下面我開頭對編輯器進(jìn)展簡潔配置并非每步都必需，可依據(jù)自己的需要參考修改：1、默認(rèn)語言翻開 fckconfig.js 文件留意此文件是utf-8 編碼哦，找到FCKConfig.AutoDetectLanguage = true ;第 56 行此句作用為自動(dòng)檢測語言，默認(rèn)為true，即表示編輯器會(huì)依據(jù)系統(tǒng)語言自動(dòng)檢測加載相應(yīng)的語言，我們將其改

7、為false，不讓其檢測，然后將FCKConfig.DefaultLanguage = ”en”;編輯器默認(rèn)語言，第 57 行改為簡體中文“zh-cn“。2、字體列表照舊翻開 fckconfig.js，由于此編輯器為外國人編寫，所以默認(rèn)不供給中文字體，我們?yōu)槠鋮⒓樱?找到 FCKConfig.FontNames第 142 行參加“宋體;楷體_GB2312;宋體;黑體;隸書;幼圓;”其他字體可依據(jù)自己需要自行參加。3、文件上傳FCKeditor 的文件治理程序在editor/filemanager/文件夾下，分為掃瞄browser和上傳upload兩種。“掃瞄”是指掃瞄效勞器已存在文件并可以選擇

8、，也可以上傳本地文件至效勞器；上傳是指快速上傳，在窗口中點(diǎn)“上傳”選項(xiàng)，選擇本地文件后上傳就行，但是不能查看效勞器上已有上傳文件，相對而言不太便利，只是操作更為快捷。也就是說 FCKeditor 中有一個(gè)文件掃瞄，有兩個(gè)文件上傳，而這些設(shè)置是分散在多個(gè)文件中，配置相對簡單，下面我大致講一下：在 FCKeditor 中共有三個(gè)文件跟上傳功能有關(guān)，一個(gè)是js 文件，兩個(gè)是php 文件，前者關(guān)閉后界面中不消滅相關(guān)窗口或按鈕，后者關(guān)閉后相關(guān)功能不行用。js 文件即是指的 fckconfig.js 文件，在以前舊版本的 fckconfig.js 中首先你必需開啟如下幾項(xiàng)： 掃瞄上傳功能：FCKConfi

9、g.LinkBrowser = true ; /文件FCKConfig.ImageBrowser=true;/圖片F(xiàn)CKConfig.FlashBrowser快速上傳功能：=true;/Flashxhy 44/13/2022135971457.docFCKConfig.LinkUpload = true ; /同上FCKConfig.ImageUpload = true ; /同上FCKConfig.FlashUpload = true ; /同上即把這幾項(xiàng)設(shè)為 true，而我們今日使用的 2.4.2 的 fckconfig.js 中默認(rèn)已經(jīng)是開啟上傳開關(guān)顯示功能的，所以，假設(shè)你要將該編輯器作

10、為前臺(tái)使用fckeditor 上傳漏洞問題始終沒有得到較好的改善，考慮到安全性你可能需要關(guān)閉文件上傳功能，那么你只需要將這幾項(xiàng)設(shè)置為 false 即可固然兩個(gè) php 文件你也不要開啟上傳功能哦。假設(shè)你要使用文件上傳功能，那么我們連續(xù)配置：照舊在 fckconfig.js 文件中，fckeditor 對語言默認(rèn)支持的是 asp，找到以下兩句，進(jìn)展相應(yīng)修改：var _FileBrowserLanguage= ”asp” ;/ asp | aspx | cfm | lasso | perl | php | py第 182 行var _QuickUploadLanguage= ”asp” ;/ as

11、p | aspx | cfm | lasso | php 第183 行我們將其均改為”php”:var_FileBrowserLanguage=”php”;/asp|aspx|cfm|lasso|perl |phpvar| py第 182 行_QuickUploadLanguage=”php”;/asp|aspx|cfm|lasso|php在 2.4.2 版本中，我們覺察增加了對更多文件后綴名的支持，這個(gè)應(yīng)當(dāng)是為了解決上傳漏洞所作的些許改動(dòng)，不過作用不大，呵呵*.AllowedExtensions：其中*號代表：FCKConfig.LinkUpload、FCKConfig.ImageUploa

12、d 等表示允許上傳的文件后綴名，為空表示允許全部文件，你可依據(jù)自己需要設(shè)置上傳文件后綴名，肯定程度增加安全性，設(shè)置的格式可以參考它已有的后綴名設(shè)置。*.DeniedExtensions：同上，表示制止上傳的文件后綴名。注：你設(shè)置了允許上傳的，固然制止的也就不必要設(shè)置了，本人推舉設(shè)置允許的，到底制止的后綴名列表不能排列完全，可能還有很多我們不曾想到的后綴名。對 js 文件的配置到此已經(jīng)完成，下面我們進(jìn)展兩個(gè) php 文件在上傳方面的設(shè)置： 文件掃瞄上傳修改：翻開 editorfilemanagerbrowserdefaultconnectorsphpconfig.php 文件，找到：$Confi

13、g”Enabled” = false ;第 28 行將 false 改為 true，即允許上傳。xhy 54/13/2022135971457.doc$Config”UserFilesPath” = ”/userfiles/” ;第 32 行為定義上傳名目，可依據(jù)自己狀況進(jìn)行修改，我將其改為 upload 名目。注：留意 FCKeditor 是不支持虛擬名目的，你的全部路徑都是針對網(wǎng)站根名目確實(shí)定路徑。文件快速上傳修改：翻開文件 editorfilemanageruploadphpconfig.php 文件，找到$Config”Enabled” = false ;第 28 行將 false 改為 true。$Config”UserFilesPath” = ”/UserFiles/” ;第 35 行同“文件掃瞄上傳”的上傳名目。$Config”UseFileType” = false ; 第 32 行改為 true，不然上傳文件不會(huì)放在上傳名目中在該文件中，還有一項(xiàng)：$Config”UserFilesAbsolutePath” = ” ;第 41 行這項(xiàng)的作用是設(shè)定上傳確實(shí)定路徑，比方，你想指定上傳文件到 D:/Web/upload/下，你可以指定它的值為你確實(shí)定路徑，留意，假設(shè)你指定了該值，那你也要對$Config”UserFilesPath” = ”/UserFile