Saya tidak akan memperkenalkan Tinymce. Ini adalah alamat unduhan: https://www.tinimce.com/download/
Unduh dalam bahasa Inggris, dan sangat mudah bagi orang Cina.
Pertama, unduh paket Cina secara online, dan kemudian salin zh_cn.js di folder Langs Paket Cina ke folder Langs Tinymce yang Anda unduh. Akhirnya, tambahkan "bahasa:" zh_cn "ke tinymce.init (kode akan diposting nanti)
Saya menggunakan unggahan dan ui di jQuery untuk mengunggah gambar lokal, jadi saya perlu merujuk ke jQuery.uploadify.min.js dan jQuery-ui.js
Ada dua versi dalam jQuery yang didasarkan pada flash dan html, yang terakhir adalah $ 5. . . Saya masih menggunakan ini berdasarkan flash.
Maka Anda juga perlu menambahkan referensi swfobject.js. Saya tidak akan memposting kutipan ini untuk diunduh, ada banyak online.
Pengantar dasar sudah berakhir, mari kita lihat kode di bawah ini:
<type style = "text/css">. mceuploadify {display: block;} </style> <link rel = "stylesheet" href = "@url.content (" ~/unggah/unggah. src="@Url.Content("~/Content/js/history.js")"></script><script type="text/javascript" src="@Url.Content("~/tinymce_4.3.12/tinymce/js/tinymce/tinymce.min.js")"></script><script type="text/javascript" src = "@url.content (" ~/scripts/jQuery-1.4.4.min.js ")"> </script> <script type = "text/javascript" src = "@url.content (" ~/skrip/jquery-ui.js ")"> </skrip> <script = "TEKP/JAVER/JAVERS/JAVER"> </script> </script = ” src = "@url.content (" ~/scripts/jQuery-ui.js ")"> </skrip> <script type = "text/javascript" src = "@url.content (" ~/unggah/jquery.uploady.min.js ")"> </script> script> Tipe/jQuery.uploady. src="@Url.Content("~/uploadify/swfobject.js")"></script><script type="text/javascript">$(document).ready(function () {var tinymceEditor;tinymce.init({selector: "textarea#Content",auto_focus: "Content",language: "zh_CN",theme: "modern",plugins: ["advlist autolink lists link image charmap preview","searchreplace visualblocks fullscreen","insertdatetime media table contextmenu paste","emoticons textcolor"],toolbar1: "undo redo | styleselect | fontselect | fontsizeselect | bold italic underline strikethrough | alignleft aligncenter alignright Alignjustify | editor;$("#uploadofedit").dialog({modal: false,resizable: false,width: 400,height: 200,dialogClass: "mceuploadify"});}});},//TinyMCE will convert all font elements into span Element convert_fonts_to_spans: true,//The newlines will be converted to br element convert_newlines_to_brs: false, // tinymce akan menggunakan elemen BR alih -alih memasukkan paragraf force_br_newlines: false, // ketika mengembalikan atau memasuki mozilla/firefox, opsi ini dapat menyalakan/mematikan pada pembuatan paragraf dari force_p_newlines: false, // Opsi ini akan menghidupkannya. Banyak sistem server mengonversi Newline ke <br/> karena teks dimasukkan dalam tekstarium yang tidak diformat. font reguler; Roman, Times; Verdana = Verdana, Jenewa; Webdings = Webdings; Wingdings = Wingdings, Zapf Dingbats ", Fontsize_Format:" 8pt 10pt 12pt 14pt 18pt 24pt 36pt "}); $ ("#tinymceuploadify "). mengunggah ({'Swf' '/uploadify/uploadify.swf','buttontext': 'unggah': '/home/unggah', 'auto': true, 'filetypeExts': ' *.gif; src = '../../../unggah/" + data +"'> "; tinymeditor.insertContent (img); setTimeOut (function () {$ ("#unggaheofedit "). dialog ('tutup');}, 1000);}, 'onuploaderror': function () {) {) {) {) {) {), 1000); {$("#uploadofedit").dialog('close');}, 1000);alert("Upload failed");}});});</script> <div><form method="post" action="/Home/"><textarea id="content" name="content"></textarea><input type="submit" value="submit" /></form></div><div id = 'unggaheFedit' style = "display: none;"> <input type = 'file' name = 'tinymceuploadify' id = 'tinymceuploadify'/> <label> Hanya unggah gambar dalam format png, jpg, dan gif di bawah 10m </label> </div>menjelaskan:
$ ("#tinymceuploadify"). unggah ({'swf': '/uploadify/uploadify.swf','buttontext': 'unggah': '/home/unggah', 'auto': true, 'filetypeExts': ' *.gif; *.jpg; false, 'onuploadsuccess': function (event, data, flag) {var img = "<img src = '../../../unggah/" + data + "'>"; tinymeditor.insertContent (IMG); setTimeout (function () {$ ("#unggah"). Dialog ('() () {$ ("#unggah unggah"). 1000);}, 'onuploadError': function () {setTimeOut (function () {$ ("#unggaheFedit"). Dialog ('tutup');}, 1000); alert ("Unggah gagal");}});Parameter dalam kode ini, seperti 'swf', 'pengunggah', 'filetypeExts', parameter penting ini
Itu harus ditentukan berdasarkan versi jQuery.uploadify.js yang Anda unduh. Untuk detailnya, Anda dapat membaca dokumentasi resmi.
Di atas adalah penjelasan terperinci dari fungsi gambar Tinymce Cina dan lokal yang diunggah yang diperkenalkan oleh editor. Saya harap ini akan membantu Anda. Jika Anda ingin tahu lebih banyak, harap perhatikan situs web Wulin.com.