使用tinymce作为网站的编辑器的时候本文作者:唐霜,转载请注明出处。未经授权,禁止复制转载。,由于tinymce本身并不提供本地图片著作权归作者所有,禁止商业用途转载。本文作者:唐霜,转载请注明出处。上传(提供付费图片上传插件),所以我们需未经授权,禁止复制转载。【版权所有,侵权必究】要自己去集成这个功能。但是我在网上找了很著作权归作者所有,禁止商业用途转载。【原创内容,转载请注明出处】多资料,都没有完整且有效的实现方法,经过【原创不易,请尊重版权】【原创不易,请尊重版权】对已有插件的研究,最终实现了这个功能。现【版权所有】唐霜 www.tangshuang.net转载请注明出处:www.tangshuang.net在记录下来,为今后参考。
原创内容,盗版必究。本文版权归作者所有,未经授权不得转载。1. 使用imageUpload插件
【关注微信公众号:wwwtangshuangnet】【转载请注明来源】tinymce拥有完备的插件体系,就像W转载请注明出处:www.tangshuang.net【未经授权禁止转载】ordPress一样,tinymce本身著作权归作者所有,禁止商业用途转载。【关注微信公众号:wwwtangshuangnet】就提供了一些核心插件,例如字体样式等,虽本文版权归作者所有,未经授权不得转载。【未经授权禁止转载】然都是编辑器的核心功能,但是仍然是通过插【原创不易,请尊重版权】【本文受版权保护】件实现的。它不提供图片上传功能,它的图片【版权所有】唐霜 www.tangshuang.net本文作者:唐霜,转载请注明出处。只能引用网络图片。所以我们可以通过插件的未经授权,禁止复制转载。【版权所有,侵权必究】形式来实现这个功能。
【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.netimageUpload插件可以在这里获取和了解。按照作者的意图,在使用本插件【版权所有】唐霜 www.tangshuang.net【本文受版权保护】的时候,必须先加载iframe form【本文受版权保护】【版权所有】唐霜 www.tangshuang.net post插件,这个插件在这里下载。
【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net著作权归作者所有,禁止商业用途转载。但是iframe form post插件本文作者:唐霜,转载请注明出处。【转载请注明来源】的机制似乎出现了问题,导致我在使用时无法原创内容,盗版必究。转载请注明出处:www.tangshuang.net正常使用imageUpload插件,所以【转载请注明来源】原创内容,盗版必究。我选择了使用jquery.form.js转载请注明出处:www.tangshuang.net【关注微信公众号:wwwtangshuangnet】这个插件。
本文作者:唐霜,转载请注明出处。转载请注明出处:www.tangshuang.net【本文首发于唐霜的博客】2.使用jquery.form.js插件
【本文首发于唐霜的博客】未经授权,禁止复制转载。著作权归作者所有,禁止商业用途转载。著作权归作者所有,禁止商业用途转载。jquery非常漂亮的封装了ajax,但【访问 www.tangshuang.net 获取更多精彩内容】【转载请注明来源】是在进行表单提交的时候,特别是在上传图片【关注微信公众号:wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.net的时候,就会出现问题,[type=fil【访问 www.tangshuang.net 获取更多精彩内容】【未经授权禁止转载】e]无法被提交。而通过jquery.fo原创内容,盗版必究。【原创内容,转载请注明出处】rm.js插件,就可以很好的解决这个问题本文作者:唐霜,转载请注明出处。【版权所有】唐霜 www.tangshuang.net。
本文版权归作者所有,未经授权不得转载。【访问 www.tangshuang.net 获取更多精彩内容】【转载请注明来源】jquery.form.js并没有提交为本文版权归作者所有,未经授权不得转载。著作权归作者所有,禁止商业用途转载。官方插件,你可以在这里下载下来。点击这里进入插件的官方主页。
【关注微信公众号:wwwtangshuangnet】本文作者:唐霜,转载请注明出处。未经授权,禁止复制转载。【访问 www.tangshuang.net 获取更多精彩内容】3.开始部署tinymce
【本文受版权保护】【作者:唐霜】原创内容,盗版必究。著作权归作者所有,禁止商业用途转载。说了这么多,到底怎么来实现tinymce未经授权,禁止复制转载。【访问 www.tangshuang.net 获取更多精彩内容】的本地上传图片功能呢?按照下方的方法一步【关注微信公众号:wwwtangshuangnet】原创内容,盗版必究。一步的操作即可。
未经授权,禁止复制转载。未经授权,禁止复制转载。【版权所有】唐霜 www.tangshuang.net1)集成tinymce
【版权所有,侵权必究】【转载请注明来源】本文版权归作者所有,未经授权不得转载。原创内容,盗版必究。也就是在你的HTML中先集成tinymc【转载请注明来源】【原创不易,请尊重版权】e,并可以正常使用。具体集成方法就不说了本文作者:唐霜,转载请注明出处。本文作者:唐霜,转载请注明出处。。
【本文受版权保护】【版权所有】唐霜 www.tangshuang.net著作权归作者所有,禁止商业用途转载。本文版权归作者所有,未经授权不得转载。2)载入jQuery.form.js
本文版权归作者所有,未经授权不得转载。未经授权,禁止复制转载。转载请注明出处:www.tangshuang.net在进行tinymce的某个实例化之前,要本文作者:唐霜,转载请注明出处。【本文受版权保护】载入jquery.form.js,你可以本文版权归作者所有,未经授权不得转载。【作者:唐霜】直接在tinymce的js载入之后,立即【未经授权禁止转载】原创内容,盗版必究。载入jquery.form.js。
【未经授权禁止转载】【作者:唐霜】原创内容,盗版必究。3)把插件丢入tinymce的插件目录
【本文首发于唐霜的博客】【版权所有】唐霜 www.tangshuang.net【转载请注明来源】上面说过了,我们对imageUpload转载请注明出处:www.tangshuang.net著作权归作者所有,禁止商业用途转载。插件进行了改造,点击这里下载我改造过的插件(jquery.for【本文首发于唐霜的博客】未经授权,禁止复制转载。m.js也在这里面)。下载之后,解压出i本文作者:唐霜,转载请注明出处。【访问 www.tangshuang.net 获取更多精彩内容】mageupload目录,把这个目录直接【原创不易,请尊重版权】著作权归作者所有,禁止商业用途转载。丢在tinymce的插件目录(tinym原创内容,盗版必究。【原创不易,请尊重版权】ce/plugins)下。
【作者:唐霜】本文版权归作者所有,未经授权不得转载。本文作者:唐霜,转载请注明出处。【作者:唐霜】4)初始化时配好配置
【原创不易,请尊重版权】【关注微信公众号:wwwtangshuangnet】【本文受版权保护】【版权所有】唐霜 www.tangshuang.net在第一步中我们正常集成了tinymce,本文版权归作者所有,未经授权不得转载。【本文受版权保护】说明你已经知道如何进行配置了。接下来你要【关注微信公众号:wwwtangshuangnet】著作权归作者所有,禁止商业用途转载。让你的上传图标出现在编辑器工具栏中,并且【版权所有】唐霜 www.tangshuang.net【原创内容,转载请注明出处】能够上传图片成功。
【版权所有】唐霜 www.tangshuang.net【版权所有,侵权必究】<script>
tinymce.init({
selector: "#detail",
language : "zh_CN",
language_url : "__ASSETS__/TinymceEditor/langs/zh_CN.js", // 语言包,需要到官网去下载,你也可以不使用中文语言包
menubar: false,
convert_urls: false,
height: 450,
plugins: [
"link imageupload"
],
toolbar: "undo redo | imageupload link | bold italic | alignleft aligncenter alignright alignjustify",
imageupload_url: '{:U("File/uploadPicture")}'
});
</script>
要注意上面三个地方,一个是plugins著作权归作者所有,禁止商业用途转载。原创内容,盗版必究。中添加imageupload(初始化时载未经授权,禁止复制转载。【原创内容,转载请注明出处】入插件),toolbar中要添加imag【未经授权禁止转载】原创内容,盗版必究。eupload(工具栏中出现上传图片按钮本文作者:唐霜,转载请注明出处。【本文首发于唐霜的博客】),imageupload_url要设置未经授权,禁止复制转载。【版权所有,侵权必究】文件上传到哪一个URL(用php去接收$【原创不易,请尊重版权】本文版权归作者所有,未经授权不得转载。_FILES[‘file【版权所有,侵权必究】本文版权归作者所有,未经授权不得转载。8217;]进行处理,比如上传、水印等)【未经授权禁止转载】【本文受版权保护】。
【作者:唐霜】本文作者:唐霜,转载请注明出处。imageupload_url用来处理上【转载请注明来源】【版权所有,侵权必究】传好的图片,同时要返回一个json,让插本文版权归作者所有,未经授权不得转载。著作权归作者所有,禁止商业用途转载。件知道上传是否成功。json格式在ima【原创内容,转载请注明出处】转载请注明出处:www.tangshuang.netgeUpload的github上已经有了【转载请注明来源】本文作者:唐霜,转载请注明出处。,如果成功的情况下,要返回:
原创内容,盗版必究。本文作者:唐霜,转载请注明出处。原创内容,盗版必究。【原创内容,转载请注明出处】{"error":false,"path":"http:\/\/www.mydomain.com\/myimage.jpg"}
这样子,上传成功后,就可以直接将图片插入未经授权,禁止复制转载。著作权归作者所有,禁止商业用途转载。到该位置了。
【转载请注明来源】【转载请注明来源】


你好,请教一下,为什么按照你上面的方式 提示imageupload初始化失败了