ตอนนี้เพื่อนหลายคนชอบใช้ตัวแก้ไข FCKEditor ภายใต้ ASP เพื่อนที่ต้องการมันสามารถอ้างถึงมันได้ ก่อนอื่นให้ฉันพูดคุยเกี่ยวกับสภาพแวดล้อมการทดสอบของฉัน: XPSP2, IIS5.1, FCKEDITOR2.0
สร้างไซต์ใหม่บน IIS ฉันตั้งชื่อมันว่า fckeditor โดยตรง
สร้างไซต์ที่เกี่ยวข้องใน DW เซิร์ฟเวอร์ทดสอบเป็นภาษาดั้งเดิมและรองรับ VBScript
ดาวน์โหลด FCKEDITOR 2.0
สิ่งที่คุณดาวน์โหลดควรเป็นแพ็คเกจบีบอัดที่ถูกบีบอัดไปยังไดเรกทอรีรากของไซต์ FCKEditor และคุณสามารถเริ่มโทรได้โดยตรง เมื่อคุณรู้คุณจะพบว่ามันง่ายมากที่คุณจะตาย!
ในไดเรกทอรีรูทไซต์ให้สร้างหน้า index.asp ใหม่และเพิ่มรหัสต่อไปนี้ลงในเซ็กเมนต์ (เรียกตัวแก้ไข):
การคัดลอกรหัสมีดังนี้:
-
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 นี้และการตั้งชื่อจะถูกกำหนดโดยคุณ
-
-
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 นี้และการตั้งชื่อจะถูกกำหนดโดยคุณ
-
หากคุณเพิ่มย่อหน้านี้อย่าลืมเพิ่มในบรรทัดที่สองก่อน index.asp
การคัดลอกรหัสมีดังนี้:
<!-#รวมไฟล์ = fckeditor/fckeditor.asp->
รวม fckeditor.asp จำไว้ว่าจำไว้!
มันง่ายมาก!
ตอนนี้คุณเพียงแค่ใช้ตัวแก้ไขนี้เป็นตัวควบคุมและใช้งาน: คำขอ (logbody) เมื่อแยกข้อมูลของมัน
ตอนนี้ถอนหายใจด้วยความโล่งอก การทดสอบประสบความสำเร็จ มีการตั้งค่าบางอย่างภายในโปรดไปที่อินเทอร์เน็ตเพื่อค้นหาคำแนะนำขั้นสูงสำหรับการใช้งาน
การใช้ FCKEditor เบื้องต้น
ในที่สุดเวอร์ชัน FCKEDitor 2.0 ก็ออกมาแล้ว อาจกล่าวได้ว่าในบรรดาบรรณาธิการออนไลน์ทั้งหมด FCKEditor เป็นบรรณาธิการที่ดีที่สุดในอินเทอร์เน็ต แหล่งที่มา ฯลฯ
สำหรับเว็บไซต์ใหม่เอี่ยม FCKEditor สามารถใช้งานได้โดยตรงโดยไม่ต้องแก้ไขใด ๆ อย่างไรก็ตามสำหรับเว็บไซต์ที่มีอยู่ส่วนใหญ่การตั้งค่า FCKEditor บางส่วนไม่เหมาะสำหรับการใช้งานของคุณเอง
งานแรกคือการปรับปรุงตัวแก้ไขขนาดใหญ่นี้แน่นอนว่ามันคือการปรับปรุงไฟล์มากกว่าฟังก์ชั่น ที่นี่ฉันใช้ FCKEditor เวอร์ชัน ASP ป้อนโฟลเดอร์ FCKEDitor 2.0 และลบโฟลเดอร์ทั้งหมดที่เริ่มต้นด้วย _ ในความเป็นจริงมันเป็นเพียงการรักษาโฟลเดอร์ Editor, fckconfig.js, fckeditor.asp, fckeditor.js, fckstyles.xml และ fcktemplates.xml Folder DELETE นี่คือไฟล์ต้นฉบับบางไฟล์ซึ่งไม่มีประโยชน์สำหรับการใช้งาน
เข้าสู่โฟลเดอร์รูปภาพและลบโฟลเดอร์ Smiley ออกจากโฟลเดอร์ Lang มันสามารถตั้งค่าใน fckconfig.js ไปยังไฟล์ภาษาที่สอดคล้องกับการตั้งค่าใน fckconfig.js เป็นภาษาจีนดั้งเดิม แล้วฉันก็สูญเสียไปไม่กี่ร้อยเค
ออกจากโฟลเดอร์ Lang และเข้าสู่โฟลเดอร์ Skin เพื่อให้คำแนะนำแก่คุณ Office2003 ต่อไป
ขั้นตอนสุดท้ายในการทำให้ง่ายขึ้นคือการออกจากโฟลเดอร์ Skin แล้วป้อน FileManager มาทีละคนก่อนที่จะป้อน FileManager/Browser/Default/Connectors/ จากนั้นไปที่ FileManager/Upload/จากนั้นออกจากโฟลเดอร์ ASP เท่านั้น
ไฟล์ที่แก้ไขครั้งแรกซึ่งเป็นไฟล์การกำหนดค่าทั้งหมด FCKEditor อยู่ในไฟล์ fckconfig.js ในไดเรกทอรีรูท โปรดติดตามรายการด้านล่าง (แล้วแต่กรณีใดเป็นกรณีของ FCKEditor เวอร์ชัน 2.0):
ค้นหาบรรทัดที่ 20 fckconfig.defaultlanguage = 'en';
ค้นหาบรรทัด 40 fckconfig.tabspaces = 0;
หากบรรณาธิการของคุณยังคงใช้ในแผนกต้อนรับของเว็บไซต์เช่นเมื่อใช้สมุดข้อความหรือการตอบกลับไดอารี่คุณต้องพิจารณาความปลอดภัย ซึ่งเป็นแถบเครื่องมือพื้นฐาน
พบบรรทัด 64 fckconfig.toolbarsets [basic] = [
['bold', 'italic', '-', 'orderlist', 'unorderedList', '-',/ *'link', */'unlink', '-', 'style', 'fontsize', ' TextColor ',' BgColor ','-',' Smiley ',' Specialchar ',' แทนที่ ',' Preview ']
-
นี่คือพื้นฐานที่ฉันเปลี่ยนไป เพียงอัปโหลดม้าโทรจันให้คุณ
พบบรรทัด 73
fckconfig.contextmenu = ['ทั่วไป',/*'ลิงก์',*/'anchor',/*'image',*/'flash', 'เลือก', 'textarea', 'ช่องทำเครื่องหมาย', 'วิทยุ', ' TextField ',' Hiddenfield ',/*' ImageButton ',*/' Button ',' BulletEdList ',' NumberElist ',' TableCell ',' Table ',' Form '];
นี่คือสิ่งที่ฉันเปลี่ยนไปเพื่อลบลิงค์ปุ่มเมาส์ขวารูปภาพภาพแฟลชและปุ่มรูปภาพ
พบบรรทัด 77 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 = /
จากนั้นเพิ่ม configallowedextensions.add uploadfile หลังจากตั้งค่า configdeniedextensions = createObject (scripting.dictionary),
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
ถัดไปพูดคุยเกี่ยวกับวิธีการสร้างโปรแกรมแก้ไขออนไลน์ของคุณเอง
การคัดลอกรหัสมีดังนี้:
-
Dim ofckeditor
Set ofckeditor = new fckeditor
Ofckeditor.basepath = /
OFCKEDITOR.TOOLBARSET = ค่าเริ่มต้น
Ofckeditor.width = 100%
Ofckeditor.height = 400
OFCKEDITOR.VALUE = RS (logBody)
Ofckeditor.create Logbody
-
-
Dim ofckeditor
Set ofckeditor = new fckeditor
Ofckeditor.basepath = /
OFCKEDITOR.TOOLBARSET = ค่าเริ่มต้น
Ofckeditor.width = 100%
Ofckeditor.height = 400
OFCKEDITOR.VALUE = RS (logBody)
Ofckeditor.create Logbody
-
แน่นอนว่ารุ่น ASP สามารถใช้งานได้ในหน้าด้วย. asp เป็นส่วนขยาย . ขอแนะนำให้ใช้เวอร์ชัน ASP เมื่อแก้ไขเนื้อหา
ถัดไปมาดูรุ่น JS:
การคัดลอกรหัสมีดังนี้:
<script type = text/javascript>
var ofckeditor = new fckeditor ('logbody');
Ofckeditor.basepath = '/';
OFCKEDITOR.TOOLBARSET = 'BASIC';
Ofckeditor.width = '100%';
Ofckeditor.height = '400';
Ofckeditor.value = '';
Ofckeditor.create ();
</script>
การตั้งค่า Basepath นั้นดังกล่าวข้างต้น ครั้งที่สองลูกค้าสามารถกำหนดเวลาที่จะแสดงได้
นอกจากนี้ยังมีฟังก์ชั่นฟังก์ชั่นอื่นในเวอร์ชัน JS ซึ่งเป็นฟังก์ชัน replaceTextarea () ซึ่งสามารถแทนที่ textarea ที่ระบุและใช้ส่วนตอบกลับของบันทึกเว็บไซต์ของฉัน:
การคัดลอกรหัสมีดังนี้:
<script type = text/javascript>
-
ฟังก์ชั่น showfck () {
var ofckeditor = fckeditor ใหม่ ('fbcontent');
Ofckeditor.basepath = '/';
OFCKEDITOR.TOOLBARSET = 'BASIC';
Ofckeditor.width = '100%';
Ofckeditor.height = '200';
Ofckeditor.value = '';
//ofckeditor.create ();
Ofckeditor.replacetextarea ();
//document.blog_feedback.blogsubmit.disabled = '';
document.blog_feedback.blogsubmit.style.display = '';
document.blog_feedback.openfck.disabled = 'true';
document.blog_feedback.openfck.style.display = 'ไม่มี';
-
-
</script>
เขียนลงในฟังก์ชั่นง่าย ๆ และ FCKEditor ถูกสร้างขึ้นเมื่อผู้ใช้แสดงตัวแก้ไขเปิด
ภาคผนวก: ดังที่ได้กล่าวไว้ก่อนหน้านี้มีการกล่าวกันว่าคุณไม่ควรใช้เวอร์ชัน JS เมื่อแก้ไขเนื้อหาข้อมูลที่มีอยู่ ในการสร้างและแก้ไข นอกจากนี้คุณไม่ต้องการใช้วิธีการ replacetextarea () เพื่อสร้างตัวแก้ไขคุณไม่จำเป็นต้องเขียนแท็กเช่น <Textarea> ก่อน สำหรับ fckeditor ในเวลาเดียวกันคุณไม่ต้องกังวลเกี่ยวกับวิธีการส่ง