Je ne présenterai pas TinyMCE. Ceci est l'adresse de téléchargement: https://www.tinymce.com/download/
Téléchargez-le en anglais, et il est très facile pour le chinois.
Tout d'abord, téléchargez un package chinois en ligne, puis copiez le ZH_CN.JS dans le dossier Langs du package chinois dans le dossier Langs du TinyMce que vous avez téléchargé. Enfin, ajoutez "Langue:" Zh_Cn "à TinyMce.init (le code sera publié plus tard)
J'ai utilisé Téléchargement et l'interface utilisateur en jQuery pour télécharger des photos locales, donc je dois me référer à jQuery.uploadify.min.js et jQuery-Ui.js
Il existe deux versions en jQuery qui sont basées sur Flash et HTML, ce dernier coûte 5 $. . . J'utilise toujours cela basé sur Flash.
Ensuite, vous devez également ajouter une référence swfObject.js. Je ne publierai pas ces citations à télécharger, il y en a beaucoup en ligne.
L'introduction de base est terminée, jetons un coup d'œil au code ci-dessous:
<style type = "text / css">. mCeUploadify {display: block;} </ style> <link rel = "Stylesheet" href = "@ url.content (" ~ / uploadify / uploadify.css ")" /> <script type = "text / javascript" src = "@ url.content (" ~ / contenu / js / histor src = "@ url.content (" ~ / scripts / jQuery-1.4.4 src = "@ url.content (" ~ / scripts / jQuery-Ui.js ")"> </ script> <script type = "text / javascript" src = "@ url.content (" ~ / uploadify / jQuery.uploadify.min.js ")"> </ script> <script type = "text / javascript" src = "@ url.content (" ~ / uplowingify / swfObject.js ")"> </ script> <script type = "text / javascrip ["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 | Bullest NumLed Outdent éditeur; $ ("# uploadofedit"). Dialog ({modal: false, reizulable: false, width: 400, height: 200, dialogclass: "mceuploadify"});}});}, // tinyMce convertira tous convert_newlines_to_brs: false, // tinyMCE, utilisera l'élément BR au lieu d'insérer le paragraphe Force_BR_Newlines: False, // lors du retour ou de la saisie de Mozilla / Firefox, cette option peut activer / désactiver la création du paragraphe Force_P_Newlines: Faux, // cette option contrôle les nouveautés de la sortie de la sortie de la sortie HTML. Les systèmes de serveurs convertissent Newlines en <br /> parce que le texte est entré dans un TextArea non formaté. = Font officiel de police. Roman, Times; Verdana = Verdana, Genève; webdings = webdings; wingdings = wingdings, zapf dingbats ", fontsze_formats:" 8pt 10pt 12pt 14pt 18pt 24pt 36pt "}); 'uploader': '/ home / upload', 'auto': true, 'filetypeexts': '* .gif; * .jpg; * .png', 'méthode': 'post', 'multif "'>"; tinyMedementitor.InsertContent (IMG); setTimeout (function () {$ ("# uploadoFedit"). Dialog (' close ');}, 1000);},' onuploadError ': function () {settimeout (function () {$ ("# uplowingofit"). Dialog (' 'Close');}, 1000); "alert (" Dialog ('Dialog (' 'Close');}, 1000); Échec ");}});}); </ script> <div> <form method =" post "action =" / home / "> <textarea id =" contenu "name =" contenu "> </ textarea> <input type =" soumi "value =" soume " id = 'tinyMCeUploadify' /> <Belle> Téléchargez uniquement des images dans les formats PNG, JPG et GIF inférieurs à 10m </ label> </div>illustrer:
$ ("# tinymceuploadify"). uplowingify ({'swf': '/uploadify/uploadify.swf','buttontext': 'uploader': '/ home / upload', 'auto': true ',', 'méthode': '* .gif; *. false, 'onuploadsuccess': fonction (événement, data, drapeau) {var img = "<img src = '.. / .. / .. / uploadImg /" + data + "'>"; tinyMedetitor.insertContent (img); setTimeout (function () {$ ("# uploadOfit"). () {setTimeOut (function () {$ ("# uploadofedit"). Dialog ('close');}, 1000); alert ("upload failli");}});Les paramètres de ce code, tels que «SWF», «Uploader», «FileTypeExts», ces paramètres importants
Il doit être déterminé sur la base de la version de jQuery.uploadify.js que vous avez téléchargé. Pour plus de détails, vous pouvez lire la documentation officielle.
Ce qui précède est une explication détaillée des fonctions d'image TinyMCE chinois et téléchargées locales introduites par l'éditeur. J'espère que cela vous sera utile. Si vous voulez en savoir plus, veuillez faire attention au site Web de Wulin.com.