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汉化及本地上传图片功能实例详解,希望对大家有所帮助,如果大家想了解更多内容敬请关注网站。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“TinyMCE汉化及本地上传图片功能实例详解”评论...