Docs

JustBoil.me Images is a simple, elegant image upload plugin for TinyMCE. It is free, opensource and licensed under Creative Commons Attribution 3.0 Unported License.
The latest version is 2.3 Released @ June 23rd, 2013

Download Donate Donation gives you the right to remove attribution.

Features

JustBoil.me TinyMCE Images Upload plugin is cool for this features:

Requirements

Setup

  1. Download distribution pack. Unzip it into TinyMCE’s plugins folder.
  2. Edit config.php file found in plugins/jbimages. 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.
  3. Activate jbimages plugin and add jbimages button in TinyMCE. Don’t forget to set theme:advanced and relative_urls:false.

TinyMCE 4.x Example

English version only. The l18n api in TinyMCE 4.x had changed, so temporary solution was to hard-code english strings.
<!-- TinyMCE 4.x -->

<script type="text/javascript" src="/tinymce_4.x/tinymce/js/tinymce/tinymce.min.js"></script>
<script type="text/javascript">

tinymce.init({
  selector: "textarea",
  
  // ===========================================
  // INCLUDE THE PLUGIN
  // ===========================================
	
  plugins: [
    "advlist autolink lists link image charmap print preview anchor",
    "searchreplace visualblocks code fullscreen",
    "insertdatetime media table contextmenu paste jbimages"
  ],
	
  // ===========================================
  // PUT PLUGIN'S BUTTON on the toolbar
  // ===========================================
	
  toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image jbimages",
	
  // ===========================================
  // SET RELATIVE_URLS to FALSE (This is required for images to display properly)
  // ===========================================
	
  relative_urls: false
	
});

</script>
<!-- /TinyMCE -->

TinyMCE 3.x Example

<!-- TinyMCE 3.x -->

<script type="text/javascript" src="tiny_mce-3.x/tiny_mce_src.js"></script>
<script type="text/javascript">

tinyMCE.init({

  mode : "textareas",
	
  // ===========================================
  // Set THEME to ADVANCED
  // ===========================================
	
  theme : "advanced",
	
  // ===========================================
  // INCLUDE the PLUGIN
  // ===========================================

  plugins : "jbimages,autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",
	
  // ===========================================
  // Set LANGUAGE to EN (Otherwise, you have to use plugin's translation file)
  // ===========================================

  language : "en",
	 
  theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
  theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
  theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",

  // ===========================================
  // Put PLUGIN'S BUTTON on the toolbar
  // ===========================================

  theme_advanced_buttons4 : "jbimages,|,insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
	
  theme_advanced_toolbar_location : "top",
  theme_advanced_toolbar_align : "left",
  theme_advanced_statusbar_location : "bottom",
  theme_advanced_resizing : true,
	
  // ===========================================
  // Set RELATIVE_URLS to FALSE (This is required for images to display properly)
  // ===========================================

  relative_urls : false
	
});

</script>
<!-- /TinyMCE -->

Protect the script from external access

In case, the TinyMCE’s folder is not protected with HTTP Authorisation, you should require is_allowed() function to return `TRUE` if user is authorised, `FALSE` - otherwise. is_allowed() is found at plugins/jbimages/is_allowed.php of your TinyMCE installation.

The simplest example is below:

<?php
function is_allowed()
{
	global $_COOKIE, $_SERVER;

	$allow_login = "admin";
	$allow_pass = "george12345";

	$ip = $_SERVER["REMOTE_ADDR"];

	if 
	(
		isset($_COOKIE["login"], $_COOKIE["passhash"]) and
		$_COOKIE["login"] == $allow_login and
		$_COOKIE["passhash"] == md5(md5($ip).md5($allow_pass))
	)
	{
		return TRUE;
	}

	return FALSE;
}
?>

How-to video (for TinyMCE 3.x)

UPD 03/2013. Thanks to Niels Harbo, a multimedia designer from Copenhagen, Denmark.

Troubleshooting [UPD 04/2013]

Here is a list of common errors.

The upload directory does not appear to be valid – By default, JustBoil.me guesses the physical path to your upload directory based on your img_path setting. If you see this error, probably the plugin was not able to guess the right path. The solution is to set the physical path manually ($config['upload_path']).

Inserted images are relative to site’s admin page. Usually something like <img src=”../../../images/yourimage.jpg”> instead of <img src=”/images/yourimage.jpg”>. You should set relative_urls:false in your TinyMCE init script (see integration code example above).

Codeigniter integration [UPD 04/2013]

Plugin’s PHP-side is built on Codeigniter 2.1.3. So if your project is based on this framework, you can integrate plugin’s PHP routine to your application. Here’s what you should do:

  1. Move the contents of jbimages/ci/application/views & controllers to your CI app’s folders
  2. Now unwrap this ‘wrapper’: replace all contents of  jbimages/ci/application/config/uploader_settings.php with contents of jbimages/config.php and move the first to your CI app’s config folder
  3. Do the same with jbimages/ci/application/helpers/jbimages_helper.php (replace with contents of jbimages/is_allowed.php and move to your app’s helpers)
  4. Move custom language file jbimages/ci/application/language/english/jbstrings_lang.php to your app’s english language folder (the language setting is made on line 31 of the Uploader controller)
  5. Change links to PHP-side in jbimages/dialog.htm (lines 13 and 30)

Let me know if I forgot something…

Bugreports & support

Please send all your questions and bugreports to vik@justboil.co.uk. The support is not guaranteed, but I’ll try to give help, if I can. Thank’s))))

Donate

Please support the project by donating via PayPal. Donating also gives you a right to remove author’s attribution and plugin name (if you want to, of course).

289 Responses to “TinyMCE Images Plugin”

  1. [...] 最近看同事们使用了TinyMCE这个开源的编辑器,这玩意应该不陌生,大雄博客用的就是这个编辑器。这个编辑器支持外链图片的插入,不支持本地图片上传,当然这是肯定的了。要支持上传肯定要与服务器端交互,要用其他(本例用的是PHP)文件支持。 在这里我只介绍一个简单的方法,因为TinyMCE一个强大的地方就是可以编写插件,可扩展性很强。所以这里就介绍一个插件的方法,稍微修改一下即可: 1、下载插件(这里用的是jbimages):点击下载 [...]

  2. Robert Kehoe says:

    Thanks for the plugin! Very Simple!

  3. Jose Miguel says:

    Thanks for the plugin. Ihave one issue with the especial caracters. My page is in UTF-8 and show strange caracters.

    Best regards.

  4. peacepig says:

    Very very good! Thanks a lot!

  5. Bri says:

    Thanks for this! I’ve tried about 5 solutions in the past 24 hours and yours was the easiest and, best of all, works! Yay!

  6. Devy says:

    Can anyone please tell me how to include this plugin in a .Net application? I just want to know if modifying this plugin to work in .net is a difficult task. I really want to use this plugin. Thanks.

  7. Juan Carlos says:

    I have installed the plugin in two servers.. one is working and another is not.. i keep getting “The upload path does not appear to be valid.”
    Ive tryed changing under the FTP the folder permitions but it always stays at xxx and the server response is 500 ‘SITE CHMOD 777 xxxxxx’: command not understood. What could be the problem?

    • admin says:

      I suppose the problem is in path itself, you can manually set the path relative to server root via modifying $config['upload_path'] at the bottom of config.php

      • Seven says:

        I got the same problem with Juan Carlos. I was trying to set carefully the images path and the upload path but it won’t still work. Please help? Thanks.

        • admin says:

          There’s only a few reasons for this error to occur:

          1. The directory does not exist, try running is_dir() to ensure that it does.
          2. The directory exists but is not writable. Make sure you have set the appropriate permissions on the directory. Try running is_writable() to make sure.
          3. The directory you want to use exists, but you have not represented it properly to the Upload library. Try using an absolute path for $config['upload_path'].

          • Jim says:

            Sorry there seems to be a path issue with the scripts at least in my configuration, permissions are 777, checked the path using raealpath(”) from the folder, set relative_urls : false in tinymce configuration also tried absolute path in the config file. Using php 5.** and tinymce 3.5.1

          • Sören says:

            Hi Jim,

            I had the same problem.

            Solution:

            Change this at the top of the config.php
            * $config['img_path'] = ‘/images/somefolder’;

            to your folder:
            http://www.example.com/images/somefolder/image.jpg

            Thanks a lot for the puglin!
            best
            Sören

    • Carol says:

      I had this issue and resolved it. The issue stems from the fact that not all servers will set the $_SERVER['DOCUMENT_ROOT'] variable.

      I created a small php file that I put in the root folder to test for this. Here is the php code:
      $config['img_path'] = ‘/myimagedir’;
      if (isset($_SERVER['DOCUMENT_ROOT'])){
      $config['upload_path'] = $_SERVER['DOCUMENT_ROOT'] . $config['img_path'];
      } else {
      $config['upload_path'] = dirname(__FILE__) . $config['img_path'];
      }
      echo “Hello World “;
      echo “Image Path: “.$config['img_path'].”";
      echo “Server Name: “.$_SERVER["SERVER_NAME"].”";
      echo “Dirname: “. dirname(‘/index.html’).”";

      echo “UploadPath: “.$config['upload_path'].”";

      if (is_dir($config['upload_path'])){
      echo “Is Directory”;
      if (is_writable($config['upload_path']) ){
      echo “Is Writable”;
      } else {
      echo “Is NOT writable”;
      }
      } else {
      echo “Is Not a Directory”;
      }

      Once you create a simple php file with that code in it, you will see if the variable is set on your server and what the root directory is.

      Then at the bottom of the jbimages config.php file put this code:

      if (isset($_SERVER['DOCUMENT_ROOT'])){
      $config['upload_path'] = $_SERVER['DOCUMENT_ROOT'] . $config['img_path'];
      } else {
      $config['upload_path'] = “D:\path\toyour\website.com” . $config['img_path'];
      }

    • u have to get 777 or 755 to the directory that u wanna save the file in form the server or from file zilla click wright button and choose set permission or from the cpanel u can set those permission to 777 or 755 and wich u good luck juan

  8. Crasher says:

    Thank you very much!!!

  9. ConchitaBH says:

    Thank you very much, this plugin is the best :) simple and functional :)

  10. Andy says:

    Great plugin! Is it possible to change $config['upload_path'] to another server (e.g. $config['upload_path'] = http://other_server.com)? I’m getting the invalid path error.

    Thanks for sharing this!!

    • admin says:

      $config['img_path'] is used in img’s src attribute. $config['upload_path'] should be the physical folder on the server, by default it is computed automatically.
      So, if you’d like images to come from another domain, you have to manually set the $config['upload_path'] and $config['img_path'].

      • ismadman says:

        I tried this and got the same issue as andy. So , If I edit the img path in config.php to $config['img_path'] = ‘/’; and edit $config['upload_path'] = ‘http://images.mymaindomain.com’ . $config['img_path']; it doesn’t work . Basically I want to upload an image to a purpose made subdomain to hold the imgs ( http://images.mymaindomain.com ) and the path can just go in root ( / ) of that subdomain. But it keeps saying upload both is incorrect. Can you write a quick file edit to let this happen ? I am using phpfox and your plugin won’t work unless the url is absolute. I have searched all the files that came with your package and can’t figure out where to change the main url ( document_root ) I just want to override this and put in my direct ABSOLUTE url like http://images.mymaindomain.com. Can this happen?

      • Shumaila says:

        Hello ,

        I am trying to use my own system config variables in jbimages/config.php . can you suggest me anything ? I am using this plugin with core php.

        – Shumaila

  11. generator guide says:

    Great! thanks for the share!

  12. Eric says:

    when I upload a image ,an error occured,”Upload in progress…
    This is taking longer than usual.
    An error may have occurred.
    View script’s output:
    Forbidden

    You don’t have permission to access /sugarcrm63/include/javascript/tiny_mce/plugins/jbimages/ci/index.php/upload/english on this server.

    What I should do?Thanks.

    • admin says:

      Hi! The problem is in your .htaccess file in one of the folders of this path /sugarcrm63/include/javascript/tiny_mce/plugins/ …. So, please check the .htaccess if it prohibits external access to the upload script.

  13. Fidelis says:

    Hello, i’m trying to use your pluggin but i can’t get it to work properly. I mean when i finish setting up everything the TinyMCE icons inside the textarea doesn’t show up, if i remove the plugin name from the list of plugins that are being used it works fine..

    Here is my code:

    tinyMCE.init({
    // General options
    language : “pt”,
    mode : “textareas”,
    theme : “advanced”,
    relative_urls : false,
    plugins : “jbimages,autolink,lists,spellchecker,pagebreak,style,layer,save,advhr,advimage,advlink,iespell,preview,media,searchreplace,print,contextmenu,paste,directionality,noneditable,visualchars,nonbreaking,xhtmlxtras”,
    // Theme options
    theme_advanced_buttons1 : “undo,redo,|,print,|,blockquote,|,cut,copy,paste,pastetext,pasteword,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect,|,search,replace,|,bullist,numlist,|,outdent,indent,|,link,unlink,anchor,|,image,|,media,|,jbimages”,
    theme_advanced_buttons2 : “”,
    theme_advanced_buttons3 : “”,
    theme_advanced_buttons4 : “”,
    theme_advanced_toolbar_location : “top”,
    theme_advanced_toolbar_align : “left”
    });

    Any suggestions?

    • admin says:

      Hi! I think that the problem that script is unable to find your language in plugin’s lang folder. Try to rename jbimages/lang/en.js to pt.js and jbimages/lang/en_dlg.js to pt_dlg.js. Please, give me the information if this had helped or not.

    • Nick says:

      Hi, Try manually adding in the buttons and include the jbimages too…

      theme_advanced_buttons1 : “bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontsizeselect”,
      theme_advanced_buttons2 : “cut,copy,paste,pastetext,pasteword,|,search,replace,|,phpmyfaq,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,jbimages,cleanup,code,syntaxhl,|,preview,|,forecolor,backcolor”,
      theme_advanced_buttons3 : “tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,ltr,rtl,|,fullscreen,|,jbimages”,

  14. schwooba says:

    Anyway of adding this to the WordPress Post WYSIWYG editor? I’m not sure how to do it. Any help would be appreciated.

  15. tracy_a says:

    Great set of scripts! Looking for a place to force user to add alt text – I’ve edited the html and some of the js to allow user to enter it, but would like to find a place to disallow the upload button if it is not filled.

    Also – not sure how to use the maximum size options – enter as “200px”, “200″, etc?

    Thanks!

  16. Abrar Shareef says:

    I am trying to get this to work on a website using codeigniter framework…I get this error:
    Upload in progress…
    This is taking longer than usual.
    An error may have occurred.
    View script’s output

    404 Page Not Found

    The page you requested was not found.

    any help would be much appreciated

    • admin says:

      Hi! Try to access directly to (your_domain_and_path_here)/tiny_mce/plugins/jbimages/ci/index.php/blank/english
      Most likely, you have configured Apache mod rewrite and it points you to some other location. Please check the .htaccess file in the server’s root directory.

      • DNihilist says:

        I am also trying to get this functioning with CI. My problem is different. I get a message that says “The upload path does not appear to be valid.” even though i know it exists. How can I fix it?

      • Harchet says:

        Hello, I have the same problem, what do I have to change in django to fix the problem?

  17. Johny says:

    Wow, so simple and functional! Great job. Thanks a lot!

  18. Scott says:

    Is it possible to integrate this plugin into an already existing CodeIgniter website? It’s a lot of overhead to be using an entire 4 MB PHP framework for what should just be one image upload script!

    • charis says:

      i’m using CodeIgniter Framework already and inside the jbimages folder is also a CI framework folder.. are there any precautions regarding this matter because i kept getting this error
      ” Upload in progress…
      This is taking longer than usual.
      An error may have occurred. ”

      At some point, there maybe a need for me to tweak a few settings in the CI folder of jbimages. HELP!!!! Reply is badly needed.

  19. sekhar says:

    My website main page is located at “C:\Inetpub\wwwroot\Ravi\index.php”. and i want to upload the images to “C:\Inetpub\wwwroot\Ravi\images”. I made a change to config.php file as below,

    $config['img_path'] = ‘/Ravi/images’; and i tried $config['img_path'] = ‘/images’; also. It is saying that “unable to upload or take long time to upload, plz check url”

  20. Arigatox says:

    I have installed your plugin, but when I try to upload an image, it gets stuck in:
    “Upload in progress…
    This is taking longer than usual.
    An error may have occurred.”
    View script’s output:”
    “Disallowed Key Characters.”

    How can I solve this error?

    Thanks.

  21. DJWLaan says:

    Awesome plugin: simple, easy to get going, great documentation/code-comments and, not unimportant, it works! Thank you!

  22. Luis says:

    Hi there, nice plugin, one problem though, the auto resize function is not working, any idea why that is? thx!

    • Luis says:

      nevermind, my problem was that i was just setting a max width, if you do this you also have to set a max height. i love this plugin, so simple!

      • lbw99 says:

        had the same problem.

        in my mid its a logical mistake in programming ;)

        would change line 78 in /jbimages/ci/application/controllers/uploader.php to

        if ($conf['allow_resize'] and ($conf['max_width'] > 0 OR $conf['max_height'] > 0) and (($result['image_width'] > $conf['max_width']) or ($result['image_height'] > $conf['max_height'])))

  23. alfredopacino says:

    hi, i tried in with language:”it” and didn’t work.
    can you fix it?

    PS: also fix your 3rd setup point “REALTIVE_urls:false.” :)

    • admin says:

      3rd setup point fixed, thank you )))
      language:”it” doesn’t work because there is no italian in jbimages, to fix this please rename jbimages/langs/en.js to it.js and jbimages/langs/en_dlg.js to it_dlg.js

  24. jijo009 says:

    hello ,

    when we trying to insert an image in firefox its placing correctly in table cell (where the mouse pointer was) but in IE it not placing exactly in to the cell , can you suggest a quick work around for this , thanks for developing very useful plugin.

  25. terminotor says:

    “The upload path does not appear to be valid.”…

  26. Cornelius says:

    Hei :)

    Thanks for this plugin!

    But i have a problem with this plugin.
    In the config.php file i have configured the $config['img_path'] = ‘/images’;

    When i am inside my CMS system and try to upload an image with tiny_MCE..
    I dont see images or image path in imageURL.

    I have to manually wright : /sitename/folder/images/imagename.jpg

    Does it supposed to be that way?

    Thanks

    Cornelius

  27. Kevin says:

    So simple and so great!!!

    btw i have a small comment/prob. If you have enabled the option to automatically resize images you need to specify both width and height in order to work. If you want to resize only images that their width exceeds lets say 600px and you leave height to :0 it will not work. You have to have e.x width:600; AND height:500 (or whatever).

    other than that, the plugin works perfectly!!

  28. Edgars says:

    It is funny, that you use ci in this, just wanted to yell out – Funny :)

  29. Maarten says:

    Thank you,
    Very simple but effective plugin

  30. Awesome! This was very easy to set up…just make sure that the uploads folder is set to (777) permissions! Thanks. :)

  31. Dan says:

    I get an endless “upload in progress” with nothing outputting to the script window. The image file does get copied to the correct folder, but the window stays open that says “this is taking longer than usual, an error may have occurred” … I don’t understand why the image is successfully copied, but it never gets put into the TinyMCE editor window. Any ideas?

  32. Luciuz says:

    The best plugin ever i seen

  33. maggie says:

    Hi I got this error: “You don’t have permission to access /quiz/jscripts/tiny_mce/plugins/jbimages/ci/index.php/upload/english on this server.”

    i saw a similar error above, but the only htaccess file I can find is in the root folder, does that affect? Not familiar with using htaccess, can you advise?

    this is what is in the htaccess file I mentioned earlier:

    AddHandler cgi-php5 .php
    # -FrontPage-

    IndexIgnore .htaccess */.??* *~ *# */HEADER* */README* */_vti*

    order deny,allow
    deny from all
    allow from all

    order deny,allow
    deny from all

  34. Germán says:

    Hi admin! awesome plugin!! I’m wondering how to use (if is possible) as a file browser callback. Could you help me?
    Thanks in advance and congrat for good job!

    • Stephen says:

      A little late but this might be useful for others looking for a solution…

      I was able to get this to work in TinyMCE 4.x by copying and adjusting some of the code from the plugin… It works quite neatly. See the code required here: http://pastebin.com/Y1NRCXQt

      Good luck!

  35. Smit Ray says:

    I really need a help from you. I’m developing my cms at my local server (WAMP). For $config['img_path'] I’ve to give the value ‘/michael/pagedoc’; where my localserver page link is http://localhost/michael/ and pagedoc is the image folder. Well my image upload is successful though I’m facing a problem that after editing and saving the data in my database, when I’m running the page, images aren’t showing as the url is wrong. This is the url I’m getting for tinymce ### ### where to show the images I need the url to be like this ### or ###

    Please help me. I’m really looking forward to your reply

  36. Smit Ray says:

    Sorry.. My msg didn’t post properly.

    Link I’m getting is like this img src=”/michael/pagedoc/Aviary2.png”

    To view those images I need the links to be the following
    img src=”../pagedoc/Aviary2.png”

    or

    img src=”http://localhost/michael/pagedoc/Aviary2.png”

  37. Bilal A. khan says:

    Hi,

    I have seen this working once therefore it indeed a marvelous job done. But now I am trying to use your image upload with tinymce. When I have uploaded it on the server, it gives me an error saying,”Upload in Progress, This is taking longer than usual.
    An error may have occurred.”
    View script’s output:”

    When I click View script’s output nothing shows up.

    Can you please guide me what can be the problem?

    Regards,

    Bilal A. Khan

  38. charis says:

    I’M SoRRY i posted it on the wrong box…
    i’m using CodeIgniter Framework already and inside the jbimages folder is also a CI framework folder.. are there any precautions regarding this matter because i kept getting this error
    ” Upload in progress…
    This is taking longer than usual.
    An error may have occurred. ”

    At some point, there maybe a need for me to tweak a few settings in the CI folder of jbimages. HELP!!!! Reply is badly needed.

  39. Hi,
    When i try to upload a image i get the error
    js/tiny_mce/plugins/jbimages/ci/index.php/blank/english 500 (Internal Server Error)

    Anybody else had this?

  40. Lukas says:

    Hi, my language is “pl”. I rename jbimages/lang/en.js to pl.js and jbimages/lang/en_dlg.js to pl_dlg.js.It.s works but not goog becouse when i try upload some image i see “upload an image from computer” and i can’t upload.When i use langue “en” it’s working good.

  41. Matt Crider says:

    Thanks for your work! Any interest on publishing this on Github, for posterity’s sake and so people (like me) could help contribute to the code?

  42. Simon says:

    Any chance this is also available for .NET?

  43. Joe says:

    When i try uploading a photo i get “No input file specified. ” error i have set my upload dir to 777 to

  44. Michel says:

    Would it be possible to modify this plugin to write/read the images to/from a mysql database?

  45. Excellent plugin and just what I needed.
    Can’t wait to have the one with the gallery option ;)

  46. Benny says:

    Thumbs Up!!! I like lightweight but effective applications and this is one of such. That how I build too. Thanks Again… LOL

  47. vidihook says:

    great plugin..
    but i have problem
    how to add img alt?
    i see in atribute database like this:

    alt is empty..
    how to add alt before upload image?
    or how to auto fill for alt image?
    thanks

    • admin says:

      The ‘img’ tag is produced in /jbimages/js/dialog.js (line 52), so you are free to change this to whatever you want )))

  48. Edwin Yoyada says:

    Hello, i just got some problems installing this plugin.
    I found this error http://midasforce.com/user_images/error.png,
    I already changed the folder permission to 777, changed the img_path,
    And also changed my code as you’ve instructed.
    Can you help me with this issue?
    I thank you for your help :)

    Note: This is the code I make http://midasforce.com/user_images/error.png

  49. Clips says:

    Great work,
    I’m facing with a problem.
    I save the tinymce generated html code in a file output.html.
    The saved code is:

    and the browser does not shows the image.
    I suppose that the problem is the \” because if I replace the \” with just ” as follow

    it works and the browser shows the image.

    how can I resolve this?

  50. Biola says:

    “Simple” is the word… The plugin is so simple and easy to use, it solved my long-standing problem in minutes… God bless you!

  51. François Fogel says:

    Thanks for all this work!
    my question : may I set the upload path by passing a var (= the destination file) to the script?
    Thanks again

  52. kiwi says:

    Hi !
    Thank you for your plugin, it really help me.
    But I want the picture to be rename while I upload them. I’ve set “$config['encrypt_name'] = TRUE;” in the config.php, but the picture keep its original name….
    What I have to do to fix this problem please ?

  53. bluantinoo says:

    Hi,
    that’s the very best plugin for uploading images into tinyMCE!

    I have just one weird problem.
    Images are correctly uploaded and shown on posts,
    but in the dialog popup (lightbox like) the images are not shown because they have css to width and height set to zero.

    I can post my website URL to le you have a look,
    but as I do not want that page to be linked (is under construction)
    I split the url in 3 lines:

    http
    ://www.
    sviluppointergraf.it/endodonzia/forum/comunicazioni-e-istruzioni-duso-leggimi/test-con-html-libero/

  54. vinay singh says:

    Fully One Day Spent for that To customize
    LANGUAGE & IMAGE
    Both
    Thank You ……. !

    For Discussion

  55. Rob de Quartel says:

    Perfect solution! You realley helped me with that, but is it possible to add a permanent class to the tag?

  56. Rich says:

    Hi,

    first of all thank you for this great plugin. I have a small problem in using this plugin in combination with tiny_mce in phplist. When I’m uploading an image, tiny_mce has the image saved in the relative path. Therefore in the end the image will not be shown when sending emails via phplist. The major reason is due to the fact that tiny_mce does not safe the absolute path.

    relative_urls : ‘false’ ,
    remove_script_host : ‘false’ ,

    in the settings of tiny_mce, has no effect.

    Thanks in advance

  57. Tony says:

    Nice work here, but i’m having troubles implementing.

    After setting up everything i got this error:
    Upload in progress…
    This is taking longer than usual.
    An error may have occurred.
    View script’s output

    Went to see these comments and found that the problem might be related with .htaccess, so, i deleted it, but it haven’t solved out, as i get this 500 Internal Server Error when accessing directly the page http://www.server.com/app/resources/js/tiny_mce/plugins/jbimages/ci/index.php/blank/english

    Also have found that i have a particular tree of directories, and tiny_mce is placed in an different place. Should i need to setup other files?

  58. Sridevi.R says:

    Hi, Can i get jsp instead of PHP?

  59. James says:

    I love you, i love you for making this. Saved. utterly saved. That woulda taken ages to bloody come up with this

  60. kangkam says:

    Great plugin ! thanks Vik :D
    Is there any chance to add feature on key press DELETE button unlink the image uploaded ?

  61. [...] la carga de imágenes, vamos a utilizar un plugin para TinyMCE de justboil.me, libre, de código abierto y licenciado bajo Creative Commons Attributin 3.0 [...]

  62. pevey says:

    Hi can help me with some error
    when I upload a image ,an error occured,”Upload in progress…
    This is taking longer than usual.
    An error may have occurred.
    View script’s output:

    when i clicked on view script’s output, there is only white box, dont show any error message.

  63. XY says:

    Hi, I could not get the plugin to work, can you please tell me how should I get it to work, I have the error msg as follows:
    ‘tiny_mce\plugins\jbimages\ci\index.php\upload\english’ could not be found

  64. XY says:

    Hi I received the error msg on my browser:
    ‘tiny_mce\plugins\jbimages\ci\index.php\upload\english’ could not be found.

    How can I get it to work? Thanks.

  65. Alexander says:

    Hello. I’m trying to use this plugin for one of my projects. However I bumped into some problems. When I’m trying to upload the image, it get stuck on “Upload in progress. This is taking longer than usual”. But the script output is just blank..

    I don’t use CI. And I have my own localhost as server (logged in as administrator, set full control on the image-folder). Tried both in chrome and firefox. Still same error.

    The image doesn’t get uploaded to the folder either. What could be the problem?

    Kind Regards
    Alexander

  66. Campbell says:

    Excellent plugin – congratulations on making something that just works first up and with an intelligent properly commented sensible config script – and best of all doesn`t need that crazy flash uploader. One tiny suggestion, with respect, – that you add a comment about the need to set height if you choose to set width – but by any measure this is a beautiful, efficient and lightweight plugin that does you proud.

  67. Maxi says:

    Hi,
    thanks for the plugin!
    But I also have a problem with the path.

    I do not want to start from the root.
    I want back three directories from the config file

    domain root/cms/backend/tinymce/plugins/jbimages/config.php

    I can write $config['img_path'] = ‘/cms/backend/images;
    But when I rename or delete the folder “cms” the plugin does not work anymore.
    Therefore, I would like ../../../images

    How can I do that?
    I’m unfortunately no a php programmer.

  68. Mengkong says:

    Could anyone help me? when I try to upload image,
    it said “Upload in progress…
    This is taking longer than usual.
    An error may have occurred.” and when I click on the “View script’s output” it show nothing.

    how can i solve this problem, please?

    • Di says:

      I got this problem too. I managed to fix it.

      Just write it down here so it might help someone else
      It is because the function is_allowed() always return false, just fix it and let it return true.

  69. Jedermy says:

    Hello I’m using the plugin here in my localmachine..

    the path to my folder is

    http://localhost/mywebsite/images

    I haven’t edited the config since it has the same directory folder but I’m always getting this

    “The upload path does not appear to be valid.”

    I wonder why it’s happening?

  70. Chris says:

    Thanks for writing this plugin. Question: When people on my site upload images, I’d like to be able to record the names of the images in a database so that I can record which images belong with which posts. How would you recommend going about such a thing?

    Thanks,
    Chris

    • Vik Diesel says:

      Hi, Chris! Sorry for long reply. To do this you should go to line 119 in file jbimages\ci\application\controllers\editor.php and add a database routine. Jbimages uses Codeigniter as a framework, so this guide will help you: http://codeigniter.com/user_guide/database/index.html

      • Osama says:

        in comment #62, it worekd! Can you tell me why? Also, is there a reason you specified vertical displacement in ems rather than px?Mico: Changing that value in the plugin code won’t matter, if the plugin is already installed and activated. At that point, the option is already saved in the database, and it will always look at that. So, when you change it via the Options page, you are setting the value that it really wants to use, see?As far as why I used em instead of px, it’s because there’s no way for me to know what px size you have chosen on your site. The em measure is always relative to whatever your preferred text size is, so a value like margin-top: -1em; should always (well, in most cases) move the image up by one text line. But if you want to set it in pixels instead of ems, go ahead, that’s why the options are there so you can set it the way you want it.

  71. Kaushal says:

    This error to editor.
    Please heip me

    This is taking longer than usual.
    An error may have occurred.
    View script’s output

  72. Vitaliy says:

    Thank you :)

  73. kulish says:

    Simple but bulky, no need to use CI .

  74. Joanne says:

    NEED URGENT HELP.
    I am trying to upload photos in a form. I have downloaded your plugin, but I can only get it to work in the text areas, I don’t want it in the text areas, only in the “file”areas, where i can choose the file. there are 6 images that i need my client to be able to upload each time they add a new vehicle to the database/website.
    If you could help me implement this, i would be extremely grateful.
    Thank You.

  75. Hi, there!

    I have this problem:

    “An Error Was Encountered
    Unable to load the requested language file: language/%7B/jbstrings_lang.php”

    Can you help me?

    Thank you!

    Antonio – Brazil

    • Vik Diesel says:

      I suppose you have the incorrect lang_id setting in langs/en_dlg.js

      • Deric Lima says:

        Hi, i have the same problem of Antonio.

        When a upload a image in JB, the follow message its shows to me:

        “An Error Was Encountered

        Unable to load the requested language file: language/%7B/jbstrings_lang.php”

        I look the permissions in the files and directories, somes configuration scripts, but the problem remains

  76. floke says:

    awesome plugin! Thank you!

  77. Jackson says:

    Just wondering as I can’t see an example, looks really nice and simple. But can you browse already uploaded images? From the specified folder. Or if you were wanting to use the same image twice, would you have to upload it twice?

    • Vik Diesel says:

      There is no image browser in this plugin, because it’s idea to be the simplest upload plugin for wysiwyg editor.

      • Elena says:

        Thanks for the great plugin. I preefr it to all the other Gravatar plugins because I can use it without editing my theme files. That makes updating the theme much easier. I also like that you can edit the CSS from the options page.

  78. Allan says:

    Hi great plugin!

    but i might be a newb here, but you say that you have to activate the plugin, where do you do that? thanks! :)

  79. Liam says:

    Thank you so much, Excelent job.

  80. tczesio says:

    Nice plugin !

  81. Parth Thakkar says:

    In which file should I paste this code starting with
    tinyMCE.init({
    theme : “advanced”, ????

  82. Filipe says:

    Awesome plugin! Thanks!

  83. be a witch says:

    Great publish, very informative. I’m wondering why the opposite experts of this sector don’t realize this. You should proceed your writing. I am confident, you’ve a great readers’ base already!|What’s Taking place i am new to this, I stumbled upon this I have discovered It absolutely helpful and it has helped me out loads. I am hoping to give a contribution & aid different users like its aided me. Great job.

  84. Jeremiah says:

    Any fixes for the “No input file specified. ” error on godaddy hosting..? I’ve tried many fixes with the .htaccess file to no avail.. please help..

  85. I want this to be work on drupal,
    i added plugins file to sites\all\libraries\tinymce\jscripts\tiny_mce\plugins

    and added $plugins['jbimages'] = array(
    ‘path’ => $editor['library path'] . ‘/plugins/jbimages’,
    ‘extensions’ => array(‘jbimages’ => t(‘jbimages’)),
    ‘buttons’ => array(‘jbimages’ => t(‘jbimages’)),
    ‘url’ => ‘http://justboil.me/tinymce-images-plugin/’,
    ‘internal’ => TRUE,
    ‘load’ => TRUE,
    ); this code to timymice.inc sites\all\modules\contrib\wysiwyg\editors\ under function wysiwyg_tinymce_plugins

    but it didn’t work, RTE is disable when i enable it through admin/config/content/wysiwyg

  86. Jack says:

    There is no version of ASP.net?

  87. Chris says:

    This is a gift from God! Thank you very much!!!

  88. Raphael says:

    Hey

    this is incredible, thank you so much!
    During the last 2h I was able to include your plugin into my upcoming bbpress-forum which has NO inline-posting capabilites by itself. It’s neither pretty nor finished atm but it works. Thank you SO MUCH. I will donate, that’s for sure.

    Although there are some problems left, there’s one I don’t seem to be able to solve: The language is not loaded correctly.

    I get “Unable to load the requested language file: language/%7B/jbstrings_lang.php” just as posted above.

    The lang_id in en_dlg.js looks is unchanged to your file: lang_id : ‘english’

    What am I doing wrong?

    I got it working by uncommenting:

    “if (!in_array($lang, $langs))
    {
    $lang = ‘english’;
    }”
    in editor.php but of course that’s not the proper solution and even with that hack I don’t see the language strings…

    I will have to translate to german and can send you the files afterwards.

    Thanks for your fast reply, you really made my day!
    Raphael

    PS: You should consider doing a WP/bbpress plugin as so many people really desperately look for a inline-image-solution and tinyMCE is the standard editor (at least in the current version 2.x)

    • Pavel says:

      Hi, i’m trying to get it work with WP/bbpress too and have the same problem with laguage files, and i think upload don’t work correctly cause of it.

      I will try your solution, please reply did you have fixed that problem?

  89. Matt says:

    Can it be tweaked to allow multiple image uploads?

  90. rebel says:

    Hi, jbi was the first uploader that starts working ;-) Unfortunatly I get the errormessage after selecting a file for upload:
    +++++++++++++
    Upload in progress…
    This is taking longer than usual.
    An error may have occurred.
    View script’s output

    Warning: File upload error – unable to create a temporary file in Unknown on line 0

    404 Page Not Found
    The page you requested was not found.
    ++++++++++++++
    my structure is
    htdocs/datas/tiny_mce/plugins/jbimages/
    for image data I have
    htdocs/images/

    edited text/html files for tinymce are stored below data. It works. jbimages icon is apearing in tinymce. Selection process works. The path in the config is set like this:

    $config['img_path'] = ‘/images’;

    I tried the script above to find out if DOCUMENT_ROOT is set, and that seems to be allright. Since the error states Unknown, I dont know where to look to debug?

  91. Valerie says:

    Hi,

    I am trying to use your plugin and got it installed in:
    [Site]\media\editors\tinymce\jscripts\tiny_mce\plugins\jbimages.

    How do i activate jbimages via the plugin manager from Joomla Admin? I tried to add “jbimages” and “ibimages,gif” for Custom Plugin and Custom buttin respectively when in plugin edit mode using Admin account.

    How do i activate jbimages from the backend via Admin? Thanks!

  92. Dr.Ehab says:

    Hi , Is there a way to upload several images at the same time???

  93. I am also getting the same results as others:
    Upload in progress…
    This is taking longer than usual.
    An error may have occurred.
    View script’s output
    No input file specified.
    Debugging shows it’s looking for tinymce/jscripts/tiny_mce/plugins/jbimages/ci/index.php/upload/english, which does not exist.
    Looking at dialog.htm, it appears to be hard-coded in the form action:
    action=”ci/index.php/upload/{#jbimages_dlg.lang_id}”
    I’ve tried putting htaccess with mod-rewrite commands in jbimages folder, modifying permission on upload folder, etc. and still no success.
    If you’ve got this working on GoDaddy hosting, please give us a clue how to fix this.

  94. Davit says:

    Thanks a lot for your plugin! Really!

  95. Davit says:

    Thanks a lot for your plugin! Really big THANKS!

  96. Ankur says:

    JBImage button not appearing in my TinyMCE. I copy pasted java script which you have given above.

  97. tania says:

    for ci….what i have to use ??
    (locakhost)/img/jbimages/ci/application

  98. Amirol says:

    The most simple TinyMCE plugin for image uploader. Awesome! Just took a few minutes to configure and it’s works!

    I wasted a few hours testing other plugin but they didn’t work. Love your plugin dude!

  99. mv-soft says:

    Hello,

    thanks for this but… it’s not work.

    I hvae your Plugin installes in a local maschine (xampp). All I use for installing, but the error is:
    The upload path does not appear to be valid. ???

    In the config.php I write:
    $config['img_path'] = ‘/images’;

    Can you help me?

    Thanks!

  100. petar says:

    Nice cob man!
    But for someone who doeasnt know is little to much to upload all CI. U should write tutorial how to integrate this in project which is running under CI. If u want help or u dont have time I would like to help u, or maybe write together :)

  101. ben h says:

    hi mate, im trying to use the $config['img_path'] to upload to a user folder found in a session varible, like so
    $config['img_path'] = ‘/memberFiles/’ . $SESSION['id'] . ”;
    but cant get it working.

    Many thanks

  102. Harry Wiseman says:

    Weird one, when I insert into my db it puts in which makes it not work. Also when viewing it from a page for example website.com/blog/post/9/ the file path that is provided wouldn’t be correct either as it should be ../../../uploads/img/img.jpg for example.
    Help would be amazing as this plugin is really good

  103. Heinz says:

    Hi, would it be possible to set a minimum width / height of an image? Just to make sure people don’t load too small images.
    Thanks for your reply.

  104. fer says:

    No input file specified. ????

  105. Mohamad says:

    Bro, thanks for the very nice plugin!

  106. Salfi says:

    Hi, Your plugin really worked fine…There is a question that how to delete the image from the folder where it is uploaded…When i delete the image in the editor it still remain in the folder…..

  107. Rahas Das says:

    Upload in progress…
    This is taking longer than usual.
    An error may have occurred.
    View script’s output

  108. sjoerdje says:

    i have the max size on 400 ( i tried in on 200 ) but it dont works…: $config['max_width'] = 400;

  109. Priyanka says:

    Hi,

    I have used your plugin but get a problem. I have run this on http://www.myserver.com/demo/project/admin

    upload the image is fine but is wrong. It take special charecterin url and not taking the proper path.

    How to rectify this problem plz guide me ASAP.

  110. lolo says:

    thank you so much for this wonderful plugin
    if you wanna use the auto-resize just put a max width AND a max height (even if you don’t need that one)

  111. Bjoern says:

    Hi, i still got the following Error:

    An error may have occurred.
    Disallowed Key Characters.

    Some guys asked the same, but i didn’t found an answer. Can you help, to solve the problem? Thank you, Bjoern

  112. James says:

    Looks nice, but is there a missing file in the download?
    tiny_mce_src.js ?

  113. Yaron says:

    Great work,
    Missing the ‘data-mce-src’ should be added in dialog.js line 57:

    tinyMCEPopup.editor.execCommand(‘mceInsertContent’, false, ”);

    This will allow the default tinyMce image editor to read the URL.

    • Yaron says:

      the code didn’t come out correct in the post
      should just add the same code in line 57 for the ‘src’ attribute to a new ‘data-mce-src’ attribute

  114. It’s a pity you don’t have a donate button! I’d definitely donate to this fantastic blog! I guess for now i’ll settle for
    bookmarking and adding your RSS feed to my Google account.
    I look forward to fresh updates and will talk about this blog with my Facebook group.
    Chat soon!
    Greetings from Ohio! I’m bored at work so I decided to browse your blog on my iphone during lunch break. I really like the info you present here and can’t
    wait to take a look when I get home. I’m amazed at how fast your blog loaded on my phone .. I’m not even using
    WIFI, just 3G .. Anyhow, good site!

  115. kunal says:

    Hi, admin

    Thanks for great plugin
    But I have some issue with image upload.

    here is error
    Upload in progress…
    This is taking longer than usual.
    An error may have occurred.
    View script’s output

    then in bottom popup it give this error

    “Internal Server Error

    The server encountered an internal error or misconfiguration and was unable to complete your request.”

    Any suggestion to fix this error

    Thanks

  116. Pat Wissel says:

    Actually, I’m wrong. It’s not used for orientation, but the SDK adds it implicitly:

  117. Henry says:

    I can get the plugin to work, uploads images perfectly and inserts into editor. However, in PhpFox 3, when you save the work (either in Events, Blog or other) the document won’t save – sort of.

    The image is uploaded on the server, if I go to edit the page, TinyMCE shows the image still in the editor, but when I go to view the page that should be saved with the image, there is no image. TInyMCE save text etc, but it just does not seem to save the file with the image – or the image is save in the file but it is using an incorrect URL reference (base?)

    Anyone figure this out or have the same or similar issue?

  118. srijib says:

    I like the theme of your website.. did you use tweeter bootstrap ?? also nice plugin :)

  119. Its like you read my mind! You seem to know a lot about this,
    like you wrote the book in it or something. I think that you could
    do with a few pics to drive the message home a little
    bit, but instead of that, this is fantastic blog. A great read.
    I’ll certainly be back.

  120. Thang says:

    Thank you very much. It help me alot

  121. Thierry says:

    Thank you very much for this plugon ; i have it work to upload in a folder ; but i cannot get the image get into the text area. May you explain how to do this ? Thank yo in advance for your reply

  122. Shane says:

    Hi there,

    I am having the same issue as reported in November 2011 (on a WordPress installation):
    Unfortunately I don’t know what I am looking for in .htaccess.
    Any guidance would be appreciated.
    ______________________________
    Original Report with Admin Response:
    ————————————————-
    I am trying to get this to work on a website using codeigniter framework…I get this error:
    Upload in progress…
    This is taking longer than usual.
    An error may have occurred.
    View script’s output

    404 Page Not Found
    The page you requested was not found.

    admin
    November 29, 2011 at 6:24 am
    Hi! Try to access directly to (your_domain_and_path_here)/tiny_mce/plugins/jbimages/ci/index.php/blank/english
    Most likely, you have configured Apache mod rewrite and it points you to some other location. Please check the .htaccess file in the server’s root directory.
    __________________________________

    • Shane says:

      I navigated to (MY_domain_and_path_here)/tiny_mce/plugins/jbimages/ci/index.php/blank/english and just get a blank screen.

      I am using GoDaddy hosting hosting multiple domains on same account, so this URL is not the root domain.
      I use WordPress almost exclusively so all mod-rewrites are controlled by Hosting Provider and WordPress Plugins.
      I use W3 Total Cache so have multiple Mod-Rewrite declarations.
      To be honest, I would not know what I am looking for.

      Now I don’t even get the 404 error. Script output is blank.
      Thanks

  123. Vik Diesel says:

    Hi! Just released the version for new TinyMCE 4.x. Enjoy! http://justboil.me/files/2011/05/jbimages-2.3.zip

  124. sumit says:

    i want to know how can i set the text around the image we put.
    just for example : if i put image in the middle then need to wrap text on the right and left of the image. no blank space.

    Please need this help quickly

  125. Paula says:

    Hi!!
    I am from Brasil, so we have a lot of especial characters in our language and the plugin saves the images without encoding it, so I cant upload some images. Do you have any ideia how to solve it?
    Thanks!

  126. shishir kant says:

    I am applying this plugin it works fine on local server but when i applied it on godaddy hosting server it does not take the image from the computer in the file field it give the error “No input file specified.”. Plz help me

  127. james says:

    absolutely fantastic

  128. Lukas says:

    HI

    Nice plugin. How about these two features?

    1. Drag and Drop images direct into the editor?
    2. Resize and open in lightbox, as known from confluence: https://dl.dropboxusercontent.com/u/6890181/00_Temp/Bildschirmfoto%202013-07-08%20um%2001.58.55.png

    Cheers, Lukas

  129. Jose says:

    Hello,

    Can we have multiple directorys for multiple users for upload image?
    We want to put the editor in a secure area and the user have to set the images in his own directory and the source code that is added have to be fully path. ( http://domain.com/directory/image.jpg)

    Can be done ?

    Best Regards

  130. fsdf says:

    who can explain me how to connect this addon with tinymce advanced?
    http://www.laptoptips.ca/projects/tinymce-advanced/

  131. Annis says:

    Hi there would you mind sharing which blog platform you’re working with? I’m planning to start my own
    blog in the near future but I’m having a difficult time making a decision between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your design and style seems different then most blogs and I’m looking for something unique.
    P.S Sorry for getting off-topic but I had to ask!

  132. Saulius says:

    As I was unable to find a straight answer to this and had to go digging around myself, anyone experiencing the error of the server being unable to find (or being forbidden to access)
    tiny_mce/plugins/jbimages/ci/index.php/blank/english
    or
    tiny_mce/plugins/jbimages/ci/index.php/upload/english

    Modify dialog.htm, found in tiny_mce/plugins/jbimages/, and replace
    action=”ci/index.php/upload/{#jbimages_dlg.lang_id}”
    with
    action=”ci/index.php?/upload/{#jbimages_dlg.lang_id}”

    and
    src=”ci/index.php/blank”
    with
    src=”ci/index.php?/blank”

    This fixed it right up for me.

  133. Theresa says:

    I’m gone to tell my little brother, that he should also pay a visit this blog on regular basis to obtain updated from hottest reports.

    Feel free to surf to my website … Xanax (Theresa)

  134. Wе’re a group of volunteers and starting a new scheme in our community. Your site offered us with valuable info to work on. You have done a formidable job and our entire community will be grateful to you.

    my web-site: green smoke coupon

  135. belen says:

    How to modify the language version 4.0 Thanks!

  136. Tharaka Arachchige says:

    There is an error! The root folder not exist
    I got this error, but now it fixed

    relative_urls: false
    code

    Thank you

  137. 杨璐 says:

    Chinese friend said: Thank you for letting me from overtime

  138. Dinesh says:

    Great plugin, Thanks

  139. Rudd says:

    This is pretty cool, kind of like WordPress image uploader. Does this script allows users to upload image by simply drag it to the screen (like WP does) ?

  140. vesper8 says:

    well this sounds great and is exactly what I am looking for.

    But I can’t get it to work with nginx. Someone else mentionned problems.

    Hopefully someone can post how to get it to work.

  141. Zeus says:

    Thanks man. Your a hero! I’ve installed the plugin to tinymce and im using Zend Framework! Thumbs up!

  142. dima says:

    I have a problem with Russian file names. I can’t upload them. Latin names are ok

  143. Ferds says:

    Hi there. Thanks for the plug-in, it’s as good as people are saying here. But today I got the strangest behavior: AVAST anti-virus stated to block any uploaded image, and is also blocking images previously uploaded with jbimages.
    Everything was fine ’till yesterday. The reported files are not infected. What can gone wrong?

  144. Jason says:

    “No input file specified.” hosting godaddy, edited .htacess, did the index.php? thing. Still no go. Please help!!!

  145. SteveW says:

    In config file I need to pull out the actual image file name to add to our db, got the path but not actual filename

    Thanks Steve

    $config['img_path'] = $path; // Relative to domain name
    $config['upload_path'] = $_SERVER['DOCUMENT_ROOT'] . $config['img_path']; // Physical path. [Usually works fine like this]

  146. Rafiq says:

    his is working

  147. Rene says:

    Hey,

    what a great plugin… thank you very much!
    Because of some translation problems (what is “HTTP Authorisation”?), I have got one question:
    I use TinyMCE and your plugin within a password-protected members area.
    So do I still need the function is_allowed() or is this just a suggestion for people without any password-protection?

    Thank you!
    Rene

  148. hyipmonitor says:

    Works like charm and fantastic plugin. I changed from CKEditor to TINYmce. Thanks for this.

  149. Eliton Luiz says:

    Espetacular!!!
    Amazing plugin. Simple, but wonderfull!!!

  150. Bobby Edge says:

    Is there a way to set a sub-directory for uploading into in the config so that I can use the same js library and have my files partitioned?

  151. henk says:

    ….frustrating… I am using rewriteRules in .htaccess to get nice and clean URLs yet the images on these pages won’t show, only on the homepage. I don’t get that absolute path thing working…. :-(

    it’s all the time: img src=’/images/sadfasf.jpg’
    where it must be:
    img src=’www dot website dot com/images/sadasdfs.jpg’

    if I change img_path in config to absolute, it still doesn’t work.

  152. henk says:

    …forget my comment, I forgot the ‘relative_urls: false;

    works like a charm.

  153. nishimu says:

    Is there any implementation with python?

  154. Nickie says:

    Ребята, респект за плагин.
    Хороший мануальчик, прикольный сайт.

    Но отказался от плагина вашего по двум причинам:
    1. увидел, что там CI внутри. слишком тяжело для такого простого плагина, на мой взгляд + лишние файлы, лишние потенциальные уязвимости.
    2. при аплоаде все фотки скидываются в одну папку. через какое-то время при нормальном объеме аплоада, эта папка забьется файлами и могут начаться лаги (в частности, на некоторых никс-системах, после 32к файлов в одной папке) на уровне ОС. Советую внедрить параметр и поставить его по-умолчанию, чтобы файлы раскидывались по папкам по какому-то принципу.

    Удачи в развитии плагина ;)

  155. Topmaker.pl says:

    Unfortunately, I have an alert “The upload path does not appear to be valid”. The path looks ok and I don’t know where is this bug :(

  156. Remember: $_SERVER['DOCUMENT_ROOT'] means the ROOT domain address. In this case you will need to create http://www.example.com/images/nature and not create the folder inside js/tinymce/plugins/jbimages/images/nature.

    Example:
    $config['img_path'] = ‘/images/nature’;
    $config['upload_path'] = $_SERVER['DOCUMENT_ROOT'] . $config['img_path'];

  157. kishore says:

    how to integrate with cakephp 1.3

  158. I’ve been surfing online more than 3 hours today,
    yet I never found any interesting article like yours. It is pretty worth enough for me.
    In my opinion, if all website owners and bloggers made good content as you did, the internet will be much more useful
    than ever before.|
    I couldn’t refrain from commenting. Very well written!|
    I will right away clutch your rss as I can’t in finding your e-mail subscription link
    or e-newsletter service. Do you have any? Please permit me know so that I could subscribe.
    Thanks.|
    It is the best time to make some plans for the future and
    it is time to be happy. I have read this post and if I could I want to suggest
    you some interesting things or advice. Perhaps you could write next articles referring
    to this article. I want to read more things about it!|
    It is appropriate time to make a few plans for the longer term
    and it is time to be happy. I have learn this submit and if I could
    I wish to recommend you few interesting issues or suggestions.

    Maybe you can write next articles relating to this article.
    I want to learn more things approximately it!|
    I’ve been browsing onlne greater than 3 hours as of late, yet I by noo means foud any attention-grabbing article
    like yours. It is lovely value sufficient for me.

    In my opinion, if all site owners and bloggers made good content as you probably did, the
    web will likely be a lot more helpful than ever before.|
    Ahaa, its gopd discussion about this piece of
    writing at this place at this weblog, I have read aall that, so at this
    time me also cpmmenting here.|
    I am sure this piece of writing has touched all the internet visitors, its really really good piece of
    writing on building up new weblog.|
    Wow, this piece of writting is pleasant, my younger sister is analyzing these kinds of things, thus I am going to let know her.|
    bookmarked!!, Ireally like your site!|
    Way cool! Some very valid points! I apprreciate you penning this write-up plus the
    rest of the website is extrdmely good.|
    Hi, I do believe this is a great site. I stumbledupon it ;) I’m going to come back once
    again since i have bookmarked it. Money and freedom
    is the best way to change, may you be rich and continue to help others.|
    Woah! I’m really digging thhe template/theme of this
    website. It’s simple, yet effective. A lot of
    times it’s difficult to get that “perfect balance” between user friendliness and
    appearance. I must say you have done a great job with this.
    Additionally, the blog loads very fast for me
    on Firefox. Excellent Blog!|
    These are truly enormous ideas in regarding blogging.
    You have touched some pleasant factors here. Any wway keep up wrinting.|
    I enjoy what you guhys tend to be up too. Thhis ssort oof clever wotk and coverage!
    Keep up the amazing works guys I’ve included you guys
    to blogroll.|
    Hey! Someone in my Myspace group shared this site with us so I
    came to give it a look. I’m definitely enjoying the information.
    I’m book-marking and will be tweeting this to my followers!
    Great blog and wonderful style and design.|
    Everyone loves what you guys are up too. This kind of clever work and reporting!
    Keep up the very good works guys I’ve included you guys too our blogroll.|
    Howd would you mind stating which blog platform you’re using?
    I’m planning to start my own blog in the near future bbut I’m having a hard time
    deciding between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your design and style seems different then most blogs and
    I’m looking ffor somethinjg completely unique.
    P.S Sorry for getting off-topic but I had to ask!|
    Hi would you mind letting me know which hosting company you’re utilizing?

    I’ve loaded your blog in 3 completely different web browsers and
    I must say this blog loads a lot quicker then most.
    Can you suggest a good web hostying provider aat a reasonable price?
    Thank you, I appreciate it!|
    I really like it when individuals get together and share
    thoughts. Great site, stick with it!|
    Thank you for the auspicious writeup. It inn fact was a amusement account it.
    Look advanced to ore added agreeable from you! By the way, how
    could wee communicate?|
    Hello just wwanted tto ggive you a quick heads up. The words in your content seem
    to be rumning off the screen iin Chrome. I’m not sure if this is a formatting issue or
    something to do with browser compatibility but I figured I’d post tto let you know.
    The design loolk great though! Hope you get the problem solveed soon.
    Kudos|
    This iss a topic that is near to my heart… Best wishes!
    Where are your contact details though?|
    It’s very trouble-free to find out any topic on web as compared to books, as I found this post at this web site.|
    Does your website have a contact page? I’m having trouble loxating it but, I’d like to shoot
    you an email. I’ve got some ideas for your blog yoou might
    be interested in hearing. Either way, great website and I
    look forward to seeing it improve over time.|
    Greetings! I’ve been reading your web site for a while now
    and finally got the courage to go ahead and give you
    a shout out from Austin Tx! Just wanted to mention keep up the excellent work!|
    Greetings from Los angeles! I’m bored at work so I ddecided
    to checkk out your blog on my iphone during
    lunch break. I love the knowledge you provide here aand can’t wait to take a look when I get home.
    I’m amazed at how fast your blog loaded on my cell phone ..
    I’m not even using WIFI, just 3G .. Anyways, great
    blog!|
    Its like you read my thoughts! You seem to understand a lot approximately this, such as you wrote
    the guide in it or something. I feel that you simply could do with some % to drive the message home a bit, however instead of
    that, this is fantastic blog. A fantastic
    read. I’ll crtainly bee back.|
    I visited mmany blogs except the audio feature for audio
    songs pesent at this site is truly excellent.|
    Hello, i read your blog from time to time and i own a
    similar one and i was just wondering if you get a
    lot of spam comments? If so how do yyou protect against it, any
    plugin or anything you can advise? I get so much lately it’s driving me
    mad so any support is very much appreciated.|
    Greetings! Very helpful advice in this particular post!
    It’s the little changes which will make the largest changes.
    Thanks for sharing!|
    I truly love your site.. Great colors & theme. Did yyou create this web site yourself?
    Pleasee reply back as I’m looking to create my own site and would
    love to learn where you got this from or exactly what the theme is named.

    Many thanks!|
    Hello there! This blog post could not be written any
    better! Reading through this post reminds me of my previous
    roommate! He continually kept talking about this. I’ll forward this article to him.
    Pretty sure he’ll have a very good read. Thank you for sharing!|
    Amazing! This blog looks just like my old one!
    It’s on a totally different topic but it has pretty much the same layout and
    design. Excellent choice of colors!|
    There is certainly a great deal to find out about
    this issue. I like all of the points you have made.|
    You’ve made some good points there. I looked on the net for more
    information about the issue and found most individuals will
    go along with your views on this web site.|
    Hi there, I log on to your blogs like every week. Your writing style is awesome, keep up the good work!|
    I just could not depart your web site before suggesting that I
    extremely loved the standard info an individual provide to your visitors?
    Is gonna be back continuously to check up on new posts|
    I needed to thank you for this great read!! I definitely loved every bit of
    it. I have got you saved as a favorite to check out new things
    you post…|
    Hi there, just wanted to mention, I loved this post. It was
    helpful. Keep on posting!|
    I drop a comment each time I especially enjoy a article on a site
    or I have something to valuable to contribute to the conversation.
    It’s a result of the passion communicated in the article
    I browsed. And after this article JustBoil.me TinyMCE Images Plugin – A simple solution for uploading images in TinyMCE.
    I was moved enough to post a thought ;-) I actally do have 2
    questions foor you if it’s allright. Is it only me or do some
    of the responses look like they are written by brain dead people?
    :-P And, if you are writing on additional online social
    sites, I would like to keep up with you. Would you list
    all of your shared pages like your Facebook page,
    twitter feed, or linkedin profile?|
    Hi there, I enjoy reading all of your article post. I wanted to write a little comment to
    support you.|
    I every time spent my half an hour to read this webpage’s articles or reviews all the time along with a cup of coffee.|
    I for all time emailed this websiote post page to all my contacts, because if like to read it after that my links will too.|
    My developer is tryng to convince me to move to .net frolm PHP.
    Ihave always disliked the idea because of the costs. But he’s tryiong
    none the less. I’ve been using WordPress on numsrous websites for
    about a yearr and am nervous about switching to another platform.
    I have heard great things about blogengine.net.
    Is theee a way I can import all my wordpress posts into it?
    Any kind of help would be greatly appreciated!|
    Howdy! I could have sworn I’ve been to this web site
    before but after going through some of the articles I realized it’s new to me.
    Anyhow, I’m definitely delighted I found it and I’ll be bookmarking it and checking back frequently!|
    Terrifric work! That is the kind of information that are meat to be shared across the net.
    Shame on thhe seek engines for now not positioning this submit upper!
    Come on over and takk over with my site .

    Thank you =)|
    Heya i’m for the first time here. I found this board and I find It really useful &
    it helped me out much. I hope to give something back and help others like you helped me.|
    Greetings, I do believe your blog could be having web browser compatibility problems.
    When I look at your blog in Safari, it looks fine but when opening in
    IE, it’s got some overlapping issues. I just wanted to give you a quick heads up!
    Apart from that, great site!|
    Somebody essentially assist to make sevgerely articles I would state.
    Thiss is the very first time I frequented your web page and thus far?
    I surprised with thhe analysis you made to make this particular
    submit amazing. Excellent job!|
    Heya i am for the primary time here. I foud this board andd I find It truly
    useful & it helped me outt a lot. I am hoping to give
    something again and help others like you helped me.|
    Hey there! I simply would like to offer you a huge thumbs up ffor the great information
    you have right here oon this post. I am returning to your blog for more
    soon.|
    I every time used to srudy post in news papers but noow as I am a user of net thgus from now I am using net
    for articles, thanks to web.|
    Your method of describing all in this paragraph is really
    good, all be able to simply know it, Thanks a lot.|
    Heello there, I foun your site by means of Google at thhe
    same time as searching for a similar topic, your web site came up, it seems great.

    I’ve bookmarked it in my google bookmarks.
    Hello there, simply became alert to your blog through Google, and located that it’s truly informative.
    I’m going to watch out for brussels. I’ll be grateful if you continue this in future.
    Many other people might be benefited out of your writing.
    Cheers!|
    I’m curious to find out what blog platform you have been utilizing?

    I’m having some minor security problems with my latest blog
    and Iwould like to find something more secure.
    Do you have any solutions?|
    I am extremely impressed with your wriing skills as well as with the layout on your
    weblog. Is this a paid theme or did you customize it yourself?
    Either way keep up thhe excellent quality writing, it is rare
    to see a great blog like this one these
    days.|
    I’m extremely inspired with your writing talents as neatly as with
    the structure in your weblog. Is this a paid subject or did you modify it your self?
    Either way stay up the excellent high quality writing, it is rare to peer a nice blog like this one today..|
    Hi, Neat post. There’s an issue with your web site in internet explorer, would check this?

    IE nonetheless is the mzrketplace leader and a big section of people will omit your excellent writing due to thjs problem.|
    I’m not sure where you are getting your info, but good topic.

    I needs to spend some time learning more or understanding more.
    Thanks for wonderful information I was looking for this info for
    my mission.|
    Hi, i think that i saw you visited my site so i came to “return the
    favor”.I’m attempting to fijd things to improve mmy site!I supoose its ok to use a few oof
    your ideas!!
    \

  159. skyrat says:

    Thanks for the plugin! I’m experiencing a problem at editor_plugin.js, line 49:

    ed.onNodeChange.add(function(ed, cm, n) {

    Error is: Uncaught Type Error: Cannot call method ‘add’ of undefined.

    Any advice on how to overcome this?

  160. Barış says:

    How to use jbimages on laravel 4. I done first conf. but not upload to photo. Help me.

  161. matzone says:

    The previous version was worked for me (Thanx alot !!) ..
    But the new one (ver 4) doesn’t …

    It’s already config’ed :
    - relative_urls : false ;
    - set atribute folder to 777
    - config.php is same as the old ver

    And the result is “This taking longer than usual …”

    Please help !!

  162. Michael says:

    Would be grate to implement this for file upload. A secondary button “Add file”, same upload form, and after upload your write a optional Link text, after this you press “Upload” and then a link to the file is added.

  163. Incrediboe points. Solid arguments. Keep up thee great work.

  164. Gwhiz says:

    Hi

    I’m not sure if I’m doing something wrong here: The plugin is correctly uploading the images to my images folder, but there it does not insert into the editor. From the video on this page, it appears it is supposed to do that automatically, but mine is not.

    Thanks

  165. Hendra Kurniawan says:

    I’ve got an error when i upload the image, but when i click view output script it’s blank, can anyone help me?

  166. David says:

    Hi,

    When I click the upload button it pops up a window that displays a load of HTML, there is no upload interface. I think the HTML is in the dialog.htm file or similar. What do I do?

  167. Fliste says:

    Hi, for those who get the message “This is taking longer than usual. An error may have occurred.” check your php version…

    If your server runs php4 try emulate php5 adding this line to your .htaccess file
    AddHandler x-mapp-php5 .php
    Cheers,

  168. Dumuka says:

    How to integration of cakephp 2.3 . Please help me

  169. Excellent site you’ve got here.. It’s difficult to find high-quality writing like yours these days.
    I seriously appreciate individuals like you! Take care!!

  170. Dumusuka says:

    I have installed your plugin, but when I try to upload an image, it gets stuck in:
    “Upload in progress…
    This is taking longer than usual.
    An error may have occurred.”
    View script’s output:”
    “Result: File_uploaded”

    How can I solve this error?

    Thanks.

  171. Gia says:

    This plugin is very good.

    Thank you very much, we need more people like you.

    Keep up the wonderful work.

    Gia-

  172. sane says:

    I had problems with the integration in symfony 2, problems were in server config for sf2 and conflict of routing CI and sf2. Solution: pass parameters through GET request:

    1. In ci\application\config\config.php find
    $config['enable_query_strings'] and set it to TRUE

    2. In dialog.htm and dialog-v4.htm change form action to:
    ci/index.php?c=uploader&m=upload&language=english

    3. In dialog.htm and dialog-v4.htm change iframe src to:
    ci/index.php?c=uploader&m=blank

    Sorry for my google translated english.

  173. Elijah Reyen says:

    Hi,

    I am trying to hook up your plugin to our existing backend which is in pure Java. I was wondering in the dialog-v4.htm, what does the iframe does and the purpose of it?

  174. Nadav says:

    Hi there. Your plugin works great on my custom CMS. But when I tried adding it to a TinyMCE in a CodeIgniter environment I ran into a problem. I followed all the integration instructions you put up but am stuck on the last one:
    “Change links to PHP-side in jbimages/dialog.htm (lines 13 and 30)”

    Can you please be more specific? Line 13 is a form tag while line 30 is an iframe tag. Which attributes am I supposed to change and to what?

  175. waiyan says:

    Thank so much, I love this plugin.

  176. Hector says:

    works with asp.net? I tinyMCE but this not functioning correctly.
    :(

  177. john says:

    Olá, nesses dias estou tendo problema com centralização das imagens. Dentro da caixa de texto fica no centro as imagens externas e interna, mas quando vai pra pagina, fica a direita ou a esquerda. Como resolver isso?

  178. Netai Nayek says:

    for “no input file specified error” problem goto “/tinymce/plugins/jbimages/ci” path then change index.php file permission to 777 ………………………….
    your problem will solved enjoy :)

  179. Bipul says:

    Hi,
    For my website,I created a page with tabs, each containing two instances of tinymce each (total 5 tabs). The problem is that when an image is uploaded in any one of the editor,it gets shown in any other editor for the first time. The image gets successfully uploaded. If you close the upload dialog and then upload again, the problem will not occur. Please help.

  180. Rhass says:

    Hello. I am using your plug in for my thesis. When testing my system in my localhost, i dont get any problem. The uploading of images works fine but when I already put it on the webhost, I already got problem. I got error message:

    “The upload path does not appear to be valid.”

    I already set my chmod on 777 but the I got the same error. Please help..

  181. Don says:

    How can I upload multiple image. I used html5 multiple attribute as recommended by one of the posters but it doesn’t work. It can only select multiple image but cannot upload it. When you click upload, it will upload only one image

  182. manixx says:

    I had the same issue “The upload path does not appear to be valid.” like others. I’m working on a Mac with the locale apache installation. On my System the variable $_SERVER['DOCUMENT_ROOT'] was not properly set.

    I changed the paths in the config.php to relative ones:

    $config['img_path'] = ‘images’;
    $config['upload_path'] = ‘../../../../../images’;

    Works for me perfectly.

  183. Nez says:

    Admin, I am stuck on the last line with regards to codeigniter integration.

    Can you be more specific with the line that says “Change links to PHP-side in jbimages/dialog.htm (lines 13 and 30)”

  184. Brian says:

    For anyone who’s having problems with codeigniter make sure you have the following set:
    First make sure you’re routes are setup correctly. For instance:
    $route['admin/uploader/(:any)'] = ‘admin/uploader’;

    then in the dialog-v4.html change line 11 to /admin/uploader/upload
    and line 24 to /admin/uploader/blank

    In the uploader_settings I have:
    $config['img_path'] = ‘/assets/public/uploads’;
    $config['upload_path'] = ‘assets/public/uploads’;
    And last in uploader.php make sure to add admin on line 102 ,111 and 120. It should look like this: $this->load->view(‘admin/ajax_upload_result’, $result);

    Now it should work

    Best regards,

    Brian

  185. Gwhiz says:

    Great idea, but it just does not work. I’ve spent hours on this, on local testing server, and on 2 different live servers. There are apparently issues making it work on GoDaddy, and when I do get it to at least upload my images (non-GoDaddy server), the plugin uploads the image correctly, but does not insert it at all into the editor.

    • Gwhiz says:

      Ok, addition to my previous comment. All the issues I had with JBImages were due to the fact that I was using a CDN for TinyMCE. I had JBImages loading as an external plug in (ie: not in the TinyMCE “plugins” directory”)

      JBImages seems to use links to the TinyMCE plugins directory, so don’t use it if you’re using a CDN.

      I fixed my issues by removing the CDN, and instead linking to TinyMCE on my site.

      Sorry for the confusion, plugin works great now.

      Author: Please note in your your docs above that it will not work using a CDN for TinyMCE.

  186. shalaka says:

    Hi, I have used this plugin in my project. Its working fine. Image is correctly uploaded in folder and seen in the editor as well.

    But when i am sending this content in email, image is not getting displayed.

    Please guide me.
    Thanks in advance.

  187. Sophia says:

    Thanks for this great information, because plugin is great. I will use it definitely.

  188. Hey there! Someone in my Myspace group shared this site
    with us so I came to take a look. I’m definitely enjoying the information.

    I’m bookmarking and will be tweeting this to my followers!
    Exceptional blog and fantastic design and style.

  189. Jason says:

    I am having a problem in all browsers uploading animated .gif files. It seems that they are converted to regular .gif and therefore do not animate when displayed on the page.

    Any help appreciated!

  190. Marker says:

    Hello
    I want to add extra field in pop up that is Image Caption
    And it will display after adding image below that image which i fill in to image caption field
    can anybody help me for that it is so urgent

    thanks in advance

  191. Andrei says:

    That’s really bad limitation to have “relative_url” ste to “false”. Most of solution cannot afford it. Please add suppot for “relative_url” set to “true”

  192. pamas says:

    Hi, i today download your plugin, but i have problem with upload any image. I have instaled tinymce ver. 4.0.22. I set $config['img_path'] and check all permision with function is_writable(). I tested too with is_allowed() setting with username and password, but i have still “Upload in progress…
    This is taking longer than usual.
    An error may have occurred.
    View script’s output” (when i want look at the script output – a have clear area)
    Thank you for any help.

  193. George Mouchet says:

    I too am getting the “Upload in progress…
    This is taking longer than usual.
    An error may have occurred.” error with no output from the script when I click on “View script’s output”. There are no Javascript errors and the PHP error log is empty. How do I debug this?

  194. tran says:

    Thanks! it works greate.

  195. elyas says:

    Hi i have problem
    how to add img alt?
    i see in atribute database like this:

    alt is empty..
    how to add alt before upload image by user?
    and insert a textbox for get atribute alt in the upload form?

  196. Like jbimages says:

    Hello guys….I insert the image in database with article..But when I want to get from database and show it on the site the content is: Beautiful article: \”\”…Help me please

  197. Nagaraj says:

    Thanks for the plugin. it’s very easy to use.

  198. Eric says:

    Once my website gets up and running, and generating some revenue, I’ll be sending a donation your way! Thank you for this easy-to-use plugin! Very good documentation as well.

  199. SmashedChimp says:

    When I hit the image upload button, it opens the Upload an image dialog box but it is empty and then proceeds to try and open/download the dialog-v4.htm file. Has anyone also had this issue?

  200. Carlos Ramirez says:

    Hi, great documentation, but i have a problem, the img is uploaded, but on my content field in my db it looks like this:
    </p>
    <p><img src="localhost/blog_scaff/upload/entradas/Franz-Ferdinand-right-action.jpg" alt="" width="254" height="143" /></p>
    <p> </p>

    ando the image doesn’t show, i set the relative_url in false as you said in the configuration, how can i fix it??
    Thanks!

  201. Trudy Shore says:

    I spoke too soon… The plugin now works in Safari and FF on my Mac and FF and Chrome on my PC. It doesn’t work, but doesn’t given an error in IE9 and throws “The upload path does not appear to be valid.” in IE7 and IE8.

  202. Sparhawk says:

    Oops, I apologize for the links to the “Domain1″ and “Domain2″ domains. I faked the domain names to protect the groups I am writing these pages for.

Leave a Reply