TinyMCE not working in terms of image uploads

Sunil_Sharma · November 3, 2015, 4:57am

Have not been able to upload images directly via TinyMCE.
After upload, the small icon appear on the place of uploaded images like offline images.

Presently have to first upload the images on some blog and then copy to our main site (http://thescholedge.org).

Pl suggest.

ctgraham · November 3, 2015, 4:25pm

Some notes from looking into this on a base 2.4.7 install:
If your public_files_dir does not already have a writable “site” directory, the image upload will silently fail (with an message logged to your PHP error log).

github.com

pkp/pkp-lib/blob/ojs-dev-2_4/lib/tinymce/jscripts/tiny_mce/plugins/jbimages/integratePKP.php#L55-L58


		$this->baseUrl = Config::getVar('general', 'base_url');
		// Override with the best match
		foreach ($baseUrls as $k => $v) {
			if (stripos($_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'], preg_replace('#^https?://#i', '', $k)) !== false) {

Since you mention a broken image icon, I suspect this is not your issue. Rather, you may be experiencing a problem with your base_url configuration.

OJS is generally pretty forgiving with access from a URL that does not match the base_url setting (or settings), but the TinyMCE jbimages plugin will use the exact canonical url.

github.com

pkp/pkp-lib/blob/ojs-dev-2_4/lib/tinymce/jscripts/tiny_mce/plugins/jbimages/integratePKP.php#L30


		// Get paths to system base directories
		$this->baseDir = $_SERVER['SCRIPT_FILENAME'];
		for ($i = 0; $i < 10; $i++) $this->baseDir = dirname($this->baseDir);

		// Load and execute initialization code
		chdir($this->baseDir);
		define('INDEX_FILE_LOCATION', $this->baseDir . '/index.php');
		require($this->baseDir . '/lib/pkp/includes/bootstrap.inc.php');

		$publicDir = Config::getVar('files', 'public_files_dir');
		$config = Config::getData();
		// Get all possible base_urls, compare these against the web request.  Use the best match to assign the base_url
		$baseUrls = array();
		foreach ($config['general'] as $k => $v) {
			if (substr($k, 0, 8) == 'base_url') {
				// Rank the URLs based on length for best match (higher is better)
				$ranking = strlen($v);
				$key = substr($k, 9, strlen($k) - 10);
				if (!$key) {
					$key = '';
				}

This will be a problem if your base_url is not actually web accessible, or in certain multisite/multijournal configurations. I have a fix for the multisite/multijournal configuration issue which I thought was being moved upstream, but apparently got lost.
https://github.com/ulsdevteam/pkp-lib/commit/7a2f10ca43335e43f747a83ca1297d0737c7b67d

Sunil_Sharma · November 4, 2015, 12:01pm

Accomplished. Thank you @ctgraham

Danh_Nguy_n_Minh · April 20, 2018, 3:05am

how to,…
help me

John_Brisbin · January 7, 2019, 5:52am

Howdy all, I think this is the closest existing thread…

Brand new fresh install of 3.1.1.4 with Apache pointing to the home directory of /xxxx/htdocs/ojs/(index.php)
Using OJS tools (like Site>upload logo; upload CSS) all is good.

But using TinyMCE to upload an image inside a text area, and TinyMCE creates a path to the image with:
/ojs/public…etc

In other words, TinyMCE thinks there should be an /ojs/ component at root, but this is not the case.

Question is: how can I give TinyMCE a specific path for the base_url without breaking the rest of the site config?

Thanks!