DDR爱好者之家

TinyMCE汉化及本地上传图片功能实例详解
站长资源 2024/11/29 佚名
79 1538
DDR爱好者之家 Design By 杰米

TinyMCE我就不多介绍了，这是下载地址：https://www.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引用。这些引用的下载就不贴了，网上很多很多。

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

<style type="text/css">
.mceuploadify{
display:block;
} 
</style>
<link rel="stylesheet" href="@Url.Content("~/uploadify/uploadify.css")"/>
<script type="text/javascript" src="/UploadFiles/2021-04-02/@Url.Content(">


说明：







$("#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 = "<img src='../../../UploadImg/" + data + "'>";
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汉化及本地上传图片功能实例详解，希望对大家有所帮助，如果大家想了解更多内容敬请关注网站。
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米