ฉันจะไม่แนะนำ tinymce นี่คือที่อยู่ดาวน์โหลด: https://www.tinymce.com/download/
ดาวน์โหลดเป็นภาษาอังกฤษและเป็นภาษาจีนได้ง่ายมาก
ก่อนอื่นให้ดาวน์โหลดแพ็คเกจภาษาจีนออนไลน์จากนั้นคัดลอก ZH_CN.JS ในโฟลเดอร์ Langs ของแพ็คเกจภาษาจีนไปยังโฟลเดอร์ Langs ของ Tinymce ที่คุณดาวน์โหลด ในที่สุดเพิ่ม "ภาษา:" zh_cn "ไปยัง tinymce.init (รหัสจะถูกโพสต์ในภายหลัง)
ฉันใช้ Uploadify และ UI ใน jQuery เพื่ออัปโหลดรูปภาพท้องถิ่นดังนั้นฉันต้องอ้างถึง jQuery.uploadify.min.js และ jQuery-ui.js
มีสองเวอร์ชันใน jQuery ที่ขึ้นอยู่กับ Flash และ HTML หลังคือ $ 5 - - ฉันยังคงใช้สิ่งนี้ตามแฟลช
จากนั้นคุณต้องเพิ่มการอ้างอิง swfobject.js ฉันจะไม่โพสต์การอ้างอิงเหล่านี้เพื่อดาวน์โหลดมีออนไลน์มากมาย
การแนะนำขั้นพื้นฐานสิ้นสุดลงแล้วลองดูที่รหัสด้านล่าง:
<style type = "text/css">. mceuploadify {display: block;} </style> <link rel = "stylesheet" href = "@url.content (" ~/uploadify/uploadify.css ")"/> <script type = "ข้อความ/javascript" src = "@url.content (" ~/content/js/history.js ")"> </script> <script type = "text/javascript" src = "@url.content (" ~/tinymce_4.3.12/tinymce/js/tinymce src = "@url.content (" ~/scripts/jQuery-1.4.4.min.js ")"> </script> <script type = "text/javascript" src = "@url.content (" ~/scripts/jquery-ui.js " src = "@url.content (" ~/scripts/jQuery-ui.js ")"> </script> <script type = "text/javascript" src = "@url.content (" ~/uploadify/jQuery.uploadify.min.js " src = "@url.content (" ~/uploadify/swfobject.js ")"> </script> <script type = "text/javascript"> $ (เอกสาร). พร้อม (ฟังก์ชั่น () {var tinymceeditor; tinymce.init ({selector: ["Advlist Autolink แสดงรายการ Link Image Charmap Preview", "Searchreplace Visualblocks Fullscreen", "InsertDateTime Table ContextMenu Paste", "Emoticons Textcolor"], Toolbar1: "Undo redo | styleselect | fontselect BULLIST NUMLIST outdent Intent ", ToolBar2:" Fullscreen Preview | editor; $ ("#uploadofedit"). กล่องโต้ตอบ ({modal: false, resizable: false, width: 400, ความสูง: 200, dialogclass: "mceuploadify"});}});}, // tinymce จะแปลงองค์ประกอบแบบอักษรทั้งหมด convert_newlines_to_brs: false, // tinymce จะใช้องค์ประกอบ BR แทนการแทรกวรรค Force_br_newlines: FALSE, // เมื่อกลับมาหรือเข้าสู่ Mozilla/Firefox ตัวเลือกนี้จะเปิด/ปิดการสร้างตัวเลือกใหม่ เนื่องจากระบบเซิร์ฟเวอร์จำนวนมากแปลง NewLines เป็น <br/> เนื่องจากข้อความถูกป้อนใน textarea ที่ไม่ได้ฟอร์แมต แบบอักษรปกติ; Roman, Times; Verdana = Verdana, Geneva; Webdings = webdings; wingdings = wingdings, zapf dingbats ", fontsize_formats:" 8pt 10pt 12pt 14pt 18pt 24pt 36pt "}); $ ("#tinymceuploadify ") '/uploadify/uploadify.swf','buttontext': 'uploader': '/home/upload', 'auto': จริง, 'fileTypexts': ' *.gif; *.jpg; src = '../../../uploadimg/" + data +"'> "; tinymceeditor.insertContent (img); settimeout (function () {$ ("#uploadofedit "). Dialog ('close');}, 1000);}, 'onuploaderror' {$ ("#uploadofedit"). กล่องโต้ตอบ ('ปิด');}, 1000); การแจ้งเตือน ("อัปโหลดล้มเหลว");}});}); </script> <div> <method form = "post" action = "/"> <textarea id = "เนื้อหา" เนื้อหา " id = 'uploadofedit' style = "display: none;"> <input type = 'file' name = 'tinymceuploadify' id = 'tinymceuploadify'/> <label> เท่านั้นอัปโหลดรูปภาพใน png, jpg และ gif ด้านล่าง 10m </label>ภาพประกอบ:
$ ("#tinymceuploadify"). uploadify ({'swf': '/uploadify/uploadify.swf','buttontext': 'uploader': '/home/upload', 'auto': true, 'fileTypEexts': ' *.gif; *.jpg; *.jpg; *. false, 'onuploadsuccess': ฟังก์ชั่น (เหตุการณ์, ข้อมูล, ธง) {var img = "<img src = '../../../uploadimg/" + data + "'>"; tinymceeditor.insertcontent (img); settimeout 1000);}, 'onupLoadError': function () {settimeout (function () {$ ("#uploadofedit"). กล่องโต้ตอบ ('ปิด');}, 1000); แจ้งเตือน ("อัพโหลดล้มเหลว");}});พารามิเตอร์ในรหัสนี้เช่น 'SWF', 'Uploader', 'FileTypeExts', พารามิเตอร์ที่สำคัญเหล่านี้
จะต้องพิจารณาตามเวอร์ชันของ jQuery.uploadify.js ที่คุณดาวน์โหลด สำหรับรายละเอียดคุณสามารถอ่านเอกสารอย่างเป็นทางการ
ข้างต้นเป็นคำอธิบายโดยละเอียดเกี่ยวกับฟังก์ชั่นรูปภาพที่อัปโหลดของจีนและท้องถิ่นที่ได้รับการแนะนำโดยบรรณาธิการ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณต้องการทราบข้อมูลเพิ่มเติมโปรดใส่ใจกับเว็บไซต์ Wulin.com