TinyMCE汉化及本地上传图片功能实例详解

TinyMCE汉化及本地上传图片功能实例详解

TinyMCE我就不多介绍了，这是下载地址：https://tinymce.com/download/

下载下来是英文版，要汉化也很简单。

首先去网上随便下载个汉化包，然后把汉化包解压后的langs文件夹里的zh_CN.js拷到你下载的TinyMCE的langs文件夹中就行。最后在 tinymce.init中加上”language: "zh_CN"，"（后面会贴出代码）

本地图片上传我用到了jquery中的uploadify和UI,所以需要引用jquery.uploadify.min.js和jquery-ui.js

Jquery中uploadify有基于flash和基于HTML两个版本，后者是要$5。。。这个，，我还是用的基于flash的。

那么还需要添加swfobject.js引用。这些引用的下载就不贴了，网上很多很多。

基本介绍完了，下面直接看代码：

只能上传单张10M以下的 png、jpg、gif 格式的图片

说明：

$("#tinymceuploadify").uploadify({

'swf': '/uploadify/uploadify.swf',

'buttonText': '上传本地图片',

'uploader': '/Home/Upload',

'auto': true,

'fileTypeExts': '*.gif; *.jpg; *.png',

'method': 'post',

'multi': false,

'onUploadSuccess': function (event, data, flag) {

var img = "";

tinymceEditor.insertContent(img);

setTimeout(function () {

$("#uploadofedit").dialog('close');

}, 1000);

},

'onUploadError': function () {

setTimeout(function () {

$("#uploadofedit").dialog('close');

}, 1000);

alert("上传失败");

}

});

这段代码中的参数，如‘swf','uploader','fileTypeExts‘这几个重要的参数

得根据自己下载的jquery.uploadify.js的版本来确定。具体可以去看官方的说明文档。

以上所述是给大家介绍的TinyMCE汉化及本地上传图片功能实例详解，希望对大家有所帮助，如果大家想了解更多内容敬请关注我们网站。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。