首页 > 网站建设 > TinyMCE插入并上传图片的实现

TinyMCE插入并上传图片的实现

TinyMCE自带的“插入图片”只能插入图片的链接(也就是外链),不能上传到网站服务器上,以前我的图片就是放在雅虎的Flickr!上的,想着放在别人的那里终归来说不太保险,于是想寻求一个在TinyMCE里就可以实现插入图片并上传到网站目录中的插件。

TinyMC官网上有个插件叫做MCFileManager,可以使用它来进行图片管理,无奈它是收费的。于是Google几十下,试了好几种方法总是有问题,几经周折找到了完美解决此问题的地方Simple Image Upload Plugin for TinyMCE,此网站提供一款及其简单并且免费开源的TinyMCE图片上传插件markettoimages. 配置和使用方法网站上说的简单明了,现摘录如下。

1. Download distribution pack. Unzip it into TinyMCE’s plugins folder.(下载markettoimages包,解压并存放在TinyMCE的plugins文件夹中。)

2. Edit config.php file found in plugins/markettoimages. Minimally, you should only specify a target directory for your uploads. Every block of config. php is well-commented, so I think everything should go right.(编辑plugins/markettoimages中的config.php文件,指定上传图片文件的存放位置。具体的设置是把markettoimages/config.php的28行:$config[‘img_path’] = ‘/images/somefolder’;修改为自己需要的位置。提醒:路径是相对网站根目录的,没有最后的斜杠“/”。)

3. Activate markettoimages plugin and add markettoimages button in TinyMCE. Don’t forget to set theme: advanced and realtive_urls:false. See an exmple below:(激活markettoimages插件,并在TinyMCE中添加markettoimages按钮。不要忘记设置theme为advanced以及设置relative_urls为false.下面是一个配置的例子,具体位置是在调用TinyMCE的初始化语句部分。)

tinyMCE.init({
    theme : "advanced",
    relative_urls : false,
    plugins : "markettoimages, ***",
    theme_advanced_buttons1 : "markettoimages,|,***"
 
    * * *
});

此文系静风说原创,转载请注明出处: http://www.jingfengshuo.com/archives/106.html

分类: 网站建设 标签: 浏览量:9,125 次阅读
  1. fykknd
    2010年10月12日13:40 | #1

    救了命了

  2. 2011年6月17日14:00 | #2

    我修改过的还带图片管理功能的上传插件,可以媲美官方的
    http://www.ucmark.com/index.php/2011/06/tinymce_with_ajaxfilemanager/

  3. jiong
    2011年12月15日00:14 | #3

    求帮助…给个联系信息…啊…在线等…

  4. hillway
    2011年12月15日19:28 | #4

    @jiong
    嗯,联系信息已发到你留下的邮箱。

  5. anguse
    2012年4月1日17:41 | #5

    你好,能把那个markettoimages插件发一下到我的邮箱吗?下载不了,谢谢

  6. hillway
    2012年4月2日10:46 | #6

    @anguse

    插件已发到你的邮箱。另,该插件在DOCS中是可以下载的,我刚测试。

  7. plainzeng
    2012年4月19日12:45 | #7

    同求markettoimages 插件,帮忙发一个至我的邮箱,你给的链接下载不了(网页都打不开)
    我的邮箱是:plainzeng@qq.com

    你指的DOCS是指 Google DOCS吗?(https://docs.google.com/)

  8. gyh
    2012年5月23日17:29 | #8

    能不能给我发到邮箱里 亲谢谢了 对了 他的语言包能不能是中文的

  9. hillway
    2012年5月24日21:22 | #9

    @anguse @plainzeng @gyh

    该markettoimages插件我是放在Google DOCS上面的,可能有些地区无法访问,当然对懂点技术的人例外。补充一个SkyDrive的下载地址:markettoimages插件

  10. gyh
    2012年5月25日09:51 | #10

    http://justboil.me/tinymce-images-plugin/ 这里面有详细的教程 你的那个包和这个一样

  11. 2013年4月3日17:07 | #11

    非常感谢了.多亏了你的文章,我不用加班了…

  12. visty
    2015年1月14日14:57 | #12

    博主,我在学习您《TinyMCE插入并上传图片的实现》后,安装jbimage发现不能正常上传,一直在upload in progress,无法正常上传文件,请问该如何解决,期待您的指导,谢谢!

  13. kartal
    2015年6月23日17:10 | #13

    你好,如果我想每次上传,都要上传到不同的地址,我应该如何做呢?

  14. hillway
    2015年6月24日09:21 | #14

    回复@kartal :“每次上传到不同目录”这个功能恐怕是没有的,普通用户也无法指定服务器目录呀。

  15. Hello
    2016年7月21日00:00 | #15

    前后端(后端java)的项目如何使用这款插件呢

  16. Hello
    2016年7月21日00:01 | #16

    前后端分离(后端java)的项目如何使用这款插件呢

  1. 本文目前尚无任何 trackbacks 和 pingbacks.