ฉันใช้ ASP เพื่ออำนวยความสะดวกในการเรียนรู้ของทุกคน
ดาวน์โหลดเว็บไซต์อย่างเป็นทางการ: http://ckeditor.com/download [ขอแนะนำให้ดาวน์โหลดเวอร์ชันล่าสุดโดยตรงบนเว็บไซต์ทางการ]
มาเริ่มใช้ด้านล่าง:
งานแรกคือการปรับปรุงตัวแก้ไขขนาดใหญ่นี้แน่นอนว่ามันคือการปรับปรุงไฟล์มากกว่าฟังก์ชั่น ที่นี่ฉันใช้ FCKEditor เวอร์ชัน ASP เป็นตัวอย่างป้อนโฟลเดอร์ FCKEditor และลบโฟลเดอร์ทั้งหมดที่เริ่มต้นด้วย _ ในความเป็นจริงมันเป็นเพียงการรักษาโฟลเดอร์ Editor, fckconfig.js, fckeditor.asp, fckeditor.js, fckstyles.xml และ fcktemplates.xml Folder DELETE นี่คือไฟล์ต้นฉบับบางไฟล์ซึ่งไม่มีประโยชน์สำหรับการใช้งาน
เข้าสู่โฟลเดอร์และลบโฟลเดอร์ Smiley อิโมติคอนของคุณเอง ออกจากภาพและเข้าสู่โฟลเดอร์ Lang เป็นไฟล์การกำหนดค่าภาษา จีนดั้งเดิม
จากนั้นออกจากโฟลเดอร์ Lang และเข้าสู่โฟลเดอร์ Skin ไม่แนะนำ
ขั้นตอนสุดท้ายในการทำให้ง่ายขึ้นคือการออกจากโฟลเดอร์ Skin แล้วป้อน FileManager ก่อนอื่นป้อน FileManager/Browser/Default/Connectors/, ยกเว้นโฟลเดอร์ ASP (หากหน้าเว็บของคุณเป็นอื่น ๆ เช่น PHP ให้ออกจากโฟลเดอร์ PHP ที่เกี่ยวข้องและอื่น ๆ ) และลบทั้งหมด จากนั้นไปที่ FileManager/Upload/จากนั้นออกจากโฟลเดอร์ ASP เท่านั้น
ไฟล์ที่แก้ไขครั้งแรกซึ่งเป็นไฟล์การกำหนดค่าทั้งหมด FCKEditor อยู่ในไฟล์ fckconfig.js ในไดเรกทอรีรูท ตัวเลือกการกำหนดค่า:
AutodetectLanguage = ภาษาตรวจจับอัตโนมัติจริง/เท็จ
baseHref = ที่อยู่พื้นฐานของลิงค์สัมพัทธ์
contentlangdirection = ltr/rtl ทิศทางข้อความเริ่มต้น
contextMenu = สตริงอาร์เรย์เนื้อหาเมนูคลิกขวา
CustomConfigurationsPath = เส้นทางไฟล์และชื่อการกำหนดค่าที่กำหนดเอง
debug = true/false ไม่ว่าจะเปิดใช้งานฟังก์ชันการดีบักหรือไม่ดังนั้นเมื่อเรียกว่า fckdebug.output () เรียกว่าเนื้อหาจะถูกส่งออกในหน้าต่างการดีบัก
defaultLanguage = ภาษาเริ่มต้น
editorAreacss = ไฟล์ Stylesheet ในพื้นที่แก้ไข
เมื่อเปิดใช้งาน sourcexhtml = true/false เป็นจริงเมื่อเปลี่ยนจากอินเทอร์เฟซภาพไปยังหน้ารหัส HTML จะถูกประมวลผลเป็น XHTML
enablexhtml = true/false ว่าจะอนุญาตให้ xhtml แทนที่ html
foilmptyblocks = true/false ใช้ฟังก์ชั่นนี้เพื่อแทนที่องค์ประกอบระดับบล็อกที่ว่างเปล่าด้วยช่องว่าง
fontColors = ตั้งค่ารายการสีข้อความเมื่อแสดงตัวเลือกสี
fontformats = ตั้งชื่อที่แสดงในรายการรูปแบบข้อความ
fontNames = ชื่อตัวอักษรในรายการตัวอักษร
FontSizes = รายการขนาดตัวอักษรในขนาดตัวอักษร
ForcePasteasPlainText = การวางบังคับจริง/เท็จเป็นข้อความธรรมดา
FORCESIMPLEAMPERSAND = true/false ไม่ว่าจะแปลง & สัญลักษณ์เป็นเอนทิตี XML
formatIndEntator = อักขระที่ใช้เมื่อเยื้องรหัสในรูปแบบซอร์สโค้ด
formatoutput = true/false ไม่ว่าจะจัดรูปแบบรหัสโดยอัตโนมัติเมื่อส่งออกเนื้อหา
formatsource = true/false ไม่ว่าจะจัดรูปแบบรหัสโดยอัตโนมัติเมื่อเปลี่ยนเป็นมุมมองรหัส
fullPage = true/false ไม่ว่าจะอนุญาตให้แก้ไขไฟล์ HTML ทั้งหมดหรือแก้ไขเนื้อหาระหว่าง Bodys เท่านั้น
geckousespan = true/false ไม่ว่าจะอนุญาตให้แท็ก span แทนที่ b, i, u แท็ก
iEspelldownloadUrl = เว็บไซต์สำหรับการดาวน์โหลด SpellChecker
imageBrowser = true/false ไม่ว่าจะอนุญาตให้ใช้ฟังก์ชันเซิร์ฟเวอร์การเรียกดู
imageBrowserUrl = URL ที่ทำงานเมื่อเรียกดูเซิร์ฟเวอร์
ImageBrowserWindowHeight = ความสูงของหน้าต่างเบราว์เซอร์ภาพ
ImageBrowserWindowWidth = ความกว้างหน้าต่างเบราว์เซอร์ภาพ
linkBrowser = true/false ไม่อนุญาตให้เรียกดูเซิร์ฟเวอร์เมื่อมีการแทรกลิงก์
linkBrowserUrl = url ของเซิร์ฟเวอร์การท่องเว็บเมื่อแทรกลิงค์
linkBrowserWindowHeight = ลิงก์ความสูงของหน้าต่างเบราว์เซอร์เป้าหมาย
linkBrowserWindowWidth = ลิงก์ความกว้างของหน้าต่างเบราว์เซอร์เป้าหมาย
ปลั๊กอิน = ปลั๊กอินการลงทะเบียนวัตถุ
ปลั๊กอิน = โฟลเดอร์ปลั๊กอิน
showborders = เส้นขอบผสานจริง/เท็จ
SkinPath = ตำแหน่งโฟลเดอร์ผิวหนัง
smileycolumns = 12 จำนวนคอลัมน์ในหน้าต่างรูป
smileyimages = อาร์เรย์ของชื่อไฟล์ภาพในอาร์เรย์อักขระ
smileypath = เส้นทางโฟลเดอร์แผนภูมิ
ความสูงของหน้าต่าง SmileyWindowHeight
SmileyWindowWidth ความกว้างของหน้าต่าง
SpellChecker = iEspell/SpellerPages ตั้งค่าการสะกดคำ
startUpFocus = true/false โฟกัสไปยังตัวแก้ไขเมื่อเปิดใช้งาน
StylesxMlPath = ตั้งตำแหน่งของไฟล์ XML ที่กำหนดรายการสไตล์ CSS
tabspaces = 4 จำนวนอักขระอวกาศที่สร้างโดยคีย์แท็บ
ToolbanCancollapse = true/false ไม่ว่าจะอนุญาตให้มีการขยาย/ล่มสลายแถบเครื่องมือ
Toolbarsets = Object อนุญาตให้ใช้คอลเลกชันแถบเครื่องมือ
ToolbarStartExpanded = true/false เป็นความจริงหรือไม่ที่แถบเครื่องมือจะขยายออกไป?
usebronCarriagereturn = true/false เมื่อเข้าสู่เครื่องหมาย BR หรือเครื่องหมาย P หรือ DIV หรือไม่?
หากคุณไม่ทราบว่าจะเริ่มต้นที่ไหนลองดูกระบวนการต่อไปนี้อาจเป็นประโยชน์กับคุณ:
ค้นหา fckconfig.defaultLanguage = 'en';
ค้นหา fckconfig.tabspaces = 0;
หากบรรณาธิการของคุณยังคงใช้ในแผนกต้อนรับของเว็บไซต์เช่นเมื่อใช้สมุดข้อความหรือการตอบกลับไดอารี่คุณต้องพิจารณาความปลอดภัย ซึ่งเป็นแถบเครื่องมือพื้นฐาน
fckconfig.toolbarsets [basic] = [
['bold', 'italic', '-', 'orderlist', 'unorderedList', '-',/*'link',*/'unlink', '-', 'style', 'fontsize', ' TextColor ',' BgColor ','-',' Smiley ',' Specialchar ',' แทนที่ ',' Preview ']
-
นี่คือพื้นฐานที่ฉันเปลี่ยนไป เพียงอัปโหลดม้าโทรจันให้คุณ แต่นี่ไม่เพียงพอ
fckconfig.fontnames = 'Arial; Comic Sans MS; Courier ใหม่; Tahoma; Times New Roman; Verdana';
เพิ่มแบบอักษรที่เราใช้ FCKCONFIG.FONTNAMES = 'Song Font;
ต่อไปเราจะตั้งค่าฟังก์ชั่นการอัปโหลด = xx หลังจาก. asp to type = yy โดยที่ yy คือชื่อของโฟลเดอร์ที่คุณต้องการบันทึกไฟล์
หากคุณยังต้องการใช้ไอคอนอิโมติคอนของคุณให้ข้ามไปที่บรรทัดที่ 131 และเปลี่ยนที่อยู่โฟลเดอร์ของไอคอนอิโมติคอนและชื่อไฟล์ของไอคอนอิโมติคอนด้านล่าง และความสูงของหน้าต่างป๊อปอัพนั้นกว้างและสูงเท่ากับขนาดของหน้าต่างนี้ขึ้นอยู่กับขนาดของหน้าต่างที่จัดโดยไอคอนอิโมติคอนของคุณ ตกลงการปรับเปลี่ยนไฟล์การกำหนดค่าทั้งหมดได้สิ้นสุดลงแล้ว
ถัดไปคือการตั้งค่าของที่ตั้งของตัวแก้ไข และขอแนะนำให้ตั้งค่าเมื่อใช้งาน เว็บไซต์สามารถเรียกได้ว่าโดยพลการและไม่มีชื่อโฟลเดอร์อื่นเปลี่ยนแปลงและอื่น ๆ ไม่มีปัญหากับการใช้โปรแกรมแก้ไข
เปิดไฟล์ fckeditor.asp และค้นหา sbasepath = /fckeditor /เปลี่ยนเป็น sbasepath = /
เปิดไฟล์ fckeditor.js และค้นหา this.basepath = '/fckeditor/';
ตัวอักษรแสดงผลเริ่มต้นในโดเมนตัวแก้ไขคือ 12px ในขณะที่ตัวอักษรเริ่มต้นในหน้าแรกของฉันคือ 14px ดังนั้นจึงรู้สึกอึดอัดมากที่จะดู open /editor/css/fck_editorarea.css และเปลี่ยนเป็นเปลี่ยนบรรทัดที่ 4 เป็นตัวอักษรขนาด: 14px;
ถัดไปคือการตั้งค่าสำหรับการอัปโหลดไฟล์
Open /editor/filemanager/browser/default/frmresourcetype.html, ค้นหาบรรทัดที่ 15, แทรก ['uploadfile', 'uploadfile'] และร่วมมือกับการตั้งค่าใน fckconfig.js ตอนนี้ หลักสูตรคุณสามารถเปลี่ยนเป็นโฟลเดอร์ที่คุณต้องการได้ แต่ชื่อที่นี่จะต้องสอดคล้องกับ yy ใน type = yy ใน fckconfig.js
ยังไม่เสร็จสมบูรณ์ต่อไปเพื่อป้อน Editor/FileManager/Browser/Default/Connectors/ASP, เปิด config.asp, เปลี่ยน configisenabled = false เป็น false to configisenabled = TRUE ฉันต้องการ configUserFileSpath = /
จากนั้นเพิ่มหลังจากตั้งค่า configDeniedExtensions = createObject (scripting.dictionary)
configallowedextensions.add uploadfile
configdeniedextensions.add uploadfile
ในทำนองเดียวกันการตั้งค่าที่นี่จะต้องสอดคล้องกับด้านบนและใน fckconfig.js
มีการอัปโหลดอีกครั้งซึ่งเป็นการอัปโหลดอย่างรวดเร็ว Enter/Editor/FileManager/Upload/ASP เปิด config.asp และตั้งค่า configisenabled = false to configisenabled = true (วันที่ ()) &/เนื่องจากไฟล์อัปโหลดของฉันถูกวางไว้ในโฟลเดอร์ UploadFile และเปิดให้ประชาชนทุกเดือน การอัปโหลดอย่างรวดเร็วจะไม่อนุญาตให้คุณเลือกโฟลเดอร์ แต่จะอัปโหลดโดยตรงผ่านการตั้งค่าที่นี่ ทำซ้ำการดำเนินการใน config.asp ก่อนหน้าก่อนเชื่อมต่อและเพิ่มลงในต่อไปนี้
configallowedextensions.add uploadfile
configdeniedextensions.add uploadfile
ต่อไปเรามาพูดถึงวิธีการสร้างโปรแกรมแก้ไขออนไลน์ของคุณเองที่นี่เราใช้ ASP เป็นตัวอย่าง:
สภาพแวดล้อมการทดสอบ: XPSP2, IIS5.1, FCKEditor2.0
สร้างไซต์ใหม่บน IIS ฉันตั้งชื่อมันว่า fckeditor โดยตรง
สร้างไซต์ที่เกี่ยวข้องใน DW เซิร์ฟเวอร์ทดสอบเป็นภาษาดั้งเดิมและรองรับ VBScript
ในไดเรกทอรีรูทของไซต์ให้สร้างหน้า index.asp ใหม่และเพิ่มรหัสต่อไปนี้ในเซ็กเมนต์ <body> (เรียกตัวแก้ไข):
-
Dim ofckeditor
Set ofckeditor = new fckeditor
Ofckeditor.basepath = /fckeditor /// ตั้งค่า Path Editor ซึ่งเป็นไดเรกทอรีภายใต้ไดเรกทอรีรูทไซต์ของฉัน
OFCKEDITOR.TOOLBARSET = ค่าเริ่มต้น
Ofckeditor.width = 100%
Ofckeditor.height = 600″
Ofckeditor.value = // นี่คือค่าเริ่มต้นสำหรับตัวแก้ไข
Ofckeditor.create logbody // ในอนาคตเนื้อหาในตัวแก้ไขจะได้รับโดย logbody นี้และการตั้งชื่อจะถูกกำหนดโดยคุณ
-
หากคุณเพิ่มย่อหน้านี้อย่าลืมรวม <! -#รวมไฟล์ = fckeditor/fckeditor.asp -> ในบรรทัดแรกก่อน index.asp
ตอนนี้คุณเพียงแค่ใช้ตัวแก้ไขนี้เป็นตัวควบคุมและใช้งาน: คำขอ (logbody) เมื่อแยกข้อมูล: