HTML online editor ไม่จำเป็นต้องรู้วิธีใช้ Dreamweaver
แต่จะฝังตัวแก้ไข HTML ลงในหน้าเว็บและวิธีรับข้อมูลภายในได้อย่างไร? จุดตัด
ก่อนอื่นเราสมมติว่าเราต้องโทรไปที่ HTML Online Editor ในหน้าแยกต่างหาก งูเห่า.
HTML online editor มีสองวิธีการโทรพื้นฐาน
1. ใช้การโทรแบบวัตถุ (http://www.jfinfo.com/rodmin/editor.asp):
1. วิธีการฝังตัวแก้ไข HTML ในหน้าเว็บ: เราจำเป็นต้องฝังตำแหน่งของรหัส HTML: <Object ID = doc_html data = "gledit.htm" ความกว้าง = 530 ความสูง = 320 type = text/x-scriptlet xt > </jobch>
ในบรรดาพวกเขาข้อมูลหลังจากที่ฉลากวัตถุได้รับจากข้อมูลคือวิธีที่เราต้องการเรียกหน้าโปรแกรมแก้ไขออนไลน์ ในบรรณาธิการ ความกว้างและความสูงสูงและกว้างของตัวแก้ไข
2. วิธีการรับข้อมูลในตัวแก้ไข HTML: เนื้อหาทั้งหมดที่ต้องส่งจะถูกวางไว้ในรูปแบบและบรรณาธิการที่ใช้โดยวัตถุก็ถูกวางไว้ในรูปแบบนี้ "style =" display: none "> </textarea> หรือ <อินพุต type =" hidden "name =" content ">) ข้อมูลของตัวแก้ไข HTML Online Editor บันทึก HTML Online Editor ชั่วคราวเมื่อส่งเพราะ ASP หรือ JSP คุณ ไม่สามารถรับเนื้อหาของวัตถุในรูปแบบได้โดยตรงดังนั้นเราต้องใช้พื้นที่ข้อความที่ซ่อนอยู่เพื่อรับข้อมูล เราคัดลอกเนื้อหาในวัตถุไปยังพื้นที่ข้อความที่ซ่อนอยู่ในขณะที่ส่งแบบฟอร์ม รหัสรายละเอียดมีดังนี้:
<ภาษาสคริปต์ = "JavaScript">
ฟังก์ชั่นการตรวจสอบ ()
-
document.form1.content.value = document.form1.doc_html.value;
-
</script>
<form method = "post" action = "add_news_save.asp" onsubmit = "checkform ()" name = "form1">
<object id = doc_html name = doc_html style = "left: 0px; top: 0px" data = "gibeit.htm" ความกว้าง = 530 ความสูง = 320 type = text/x-scriptlet xt> </object>
<อินพุต type = "hidden" name = "เนื้อหา">
</form>
ด้วยวิธีนี้ในหน้าการประมวลผลพื้นหลังเราสามารถรับข้อมูลของตัวแก้ไขออนไลน์ HTML โดยตรงโดยรับข้อมูลจากพื้นที่ที่ซ่อนอยู่
3. วิธีเพิ่มการอัปโหลดรูปภาพเครื่องนี้ไปยังตัวแก้ไขออนไลน์ HTML ในตัวแก้ไขข้อความ: ก่อนอื่นเราจะปรากฏขึ้นในหน้าต่างอัปโหลดรูปภาพเมื่อคลิกที่ปุ่มที่แทรกเข้าไปในรูปภาพ เส้นทางของภาพจากนั้นเพิ่มฉลาก HTML ลงในรูปภาพที่แสดงผลผ่านค่าของตัวแก้ไขออนไลน์ HTML คำแนะนำโดยละเอียดและรหัสมีดังนี้:
ในตัวแก้ไขเราเพิ่มเหตุการณ์บนปุ่มบนรูปภาพ onclick = "window.open ('img_upload.asp', 'img_upload' ใน 'img_upload.asp' การอัปโหลดรูปภาพที่ส่งไปยังเซิร์ฟเวอร์เพื่อกำหนดไดเรกทอรีและบันทึกเส้นทางรูปภาพ
<ภาษาสคริปต์ = JavaScript>
var src = '<%= "อัปโหลด/" & newame%>';
opener.form1
window.close ();
</script>
ด้วยวิธีนี้เพียงแค่แทรกรูปภาพที่อัปโหลดลงในตัวแก้ไข
4. วิธีเรียกตัวแก้ไขออนไลน์ HTML เมื่อแก้ไขแก้ไขบทความเพื่อแก้ไขข้อมูล: เมื่อเราเพิ่มข้อมูลลงในฐานข้อมูลเมื่อเราเพิ่มข้อมูลลงในฐานข้อมูลให้แก้ไขข้อมูล ก่อนอื่นเราเพิ่มพื้นที่ที่ซ่อนอยู่ในรูปแบบเพื่อวางเนื้อหาของฐานข้อมูลเช่น <textarea style = "แสดง: ไม่มี" name = "content" rows = "20" color = "70"> <%= RS ("เนื้อหา")%> </textarea> ให้ความสนใจกับเราด้วย textarea ที่ซ่อนอยู่โดยไม่มีอินพุตที่ซ่อนอยู่เนื่องจากข้อมูลอาจมีรถป้อนดังนั้นหากเราใช้ <อินพุต type = "hidden" name = content value = "<%= (rs (" เนื้อหา ")%>"> มีแนวโน้มที่จะปรากฏข้อผิดพลาด HTML เนื่องจาก <%= ("เนื้อหา")%> ในการเปลี่ยนแปลง (value = ข้อมูลที่เชื่อมต่อในภายหลังจะต้องรับประกันว่าจะอยู่ใน หนึ่งบรรทัดจะมีข้อผิดพลาด เพิ่ม <body only = "document.form1. doc_html.value = document.form1.value"> ดังนั้นเมื่อโหลดหน้าเว็บเนื้อหาของฐานข้อมูลสามารถวางไว้ใน HTML ตัวแก้ไขจะถูกแก้ไขในตัวแก้ไขออนไลน์ กระบวนการส่งเป็นเช่นเดียวกับข้างต้นดังนั้นฉันจะไม่เข้าไปดูรายละเอียดที่นี่
ประการที่สองใช้การโทร iframe (http://qxd.5599.net/by/source/article/manage/gledit.htm)
1. วิธีการฝังในหน้าเว็บ: เราจำเป็นต้องฝังตำแหน่งเพื่อเพิ่มรหัส HTML ต่อไปนี้: <iframe src = "gibeit.htm" id = 'content_html' style = "ซ้าย: 0px; ใส่: 0px; z; z; z -index: 0 "> </iframe> ความสูงและความกว้างของบรรณาธิการ
2. วิธีรับข้อมูลในตัวแก้ไข HTML: เนื้อหาเดียวกันกับที่ต้องส่งจะถูกวางไว้ในรูปแบบ ซ่อนชื่อ "name =" เนื้อหา ">) เพื่อบันทึกข้อมูลของตัวแก้ไขออนไลน์ HTML ชั่วคราวเมื่อส่งเราใช้พื้นที่ข้อความที่ซ่อนอยู่เพื่อรับข้อมูล เราคัดลอกเนื้อหาในวัตถุไปยังพื้นที่ข้อความที่ซ่อนอยู่ในขณะที่ส่งแบบฟอร์ม รหัสรายละเอียดมีดังนี้: