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,|,***"

    * * *
});

16 thoughts on “TinyMCE插入并上传图片的实现

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

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

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

发表回复

您可以匿名评论,只有「评论」 是必填项,其他的都可以不填。如果填写电子邮箱地址,有人回复时您将收到邮件通知。