By radiofranky2006 on

is possible to upload image directly in tinyMCE image? Currently it's too complex for common users to attach image to tinyMCE.

i tried to post an image onto tinyMCE, but no luck so far.. it just wont "stick" to it.
my encoding is utf-8... could this be the problem? is DB for tinyMCE utf-8 or some ISO?

thanks

⋅ Categories: Drupal 4.7.x

Comments

erdemkose’s picture

erdemkose commented

TinyMCE Module includes a drupalimage module. You should activate it to upload images in tinymce. Read the INSTALL.TXT in tinymce folder.

--------------------------------------------------------------
http://erdemkose.com/

radiofranky2006’s picture

radiofranky2006 commented

but i still can't insert images onto tinyMCE. There is still nothing to be enabled under tinyMCE plugins.

erdemkose’s picture

erdemkose commented

I think my TinyMCE is older than yours. I have a drupalimage plugin in my Tinymce folder.

In the new version of tinymce module it says:

To add Drupal specific plugins, TinyMCE comes bundled with plugins
in the main module directory. These plugins include:

- drupalimage: works in conjunction with the img_assist Drupal
module

NOTE: If you want to use img_assist with TinyMCE, you don't have to
install a plugin. Just enable the img_assist module and click
the photo icon that appears below each textarea.

So, you will add your image by using img_assist module's button. I don't know why this has changed.

--------------------------------------------------------------
http://erdemkose.com/

radiofranky2006’s picture

radiofranky2006 commented

i have downloaded the latest tinyMCE, but I didn't see drupalimage buttom..

underpressure’s picture

underpressure commented

Then you probably missed something. My advice is, go watch TV of something for 20mins to clear your mind then come back and go over the install.

---------------------
underpressure
http://ravalonline.com

syquest’s picture

syquest commented

... plugin_reg.php! Thanks underpressure, you're a life saver ;)

underpressure’s picture

underpressure commented

no prob, glad to help. you would not believe how many times realxing for a few minutes to clear my mind would help solve a problem. when we are stressed we tend to miss the finer details.
--------------------->
underpressure
http://ravalonline.com

gbs’s picture

gbs commented

I havent read the *rest* of the readme yet ... because....the readme says....

"To add Drupal specific plugins, TinyMCE comes bundled with plugins
in the main module directory. These plugins include:

- drupalimage: works in conjunction with the img_assist Drupal
module

NOTE: If you want to use img_assist with TinyMCE, you don't have to
install a plugin. Just enable the img_assist module and click
the photo icon that appears below each textarea."

I do get the image_assist upload/insert and the image shows up in the edit session on the drupal main window. But then when the posting is submitted it doesnt show up in view mode.

Guess I'd better rent an old Brady Bunch episode. :)

erdemkose’s picture

erdemkose commented

You should also install and enable image and img_assist modules. TinyMCE doesn't include "Add image" button anymore.

--------------------------------------------------------------
http://erdemkose.com/

radiofranky2006’s picture

radiofranky2006 commented

i've both installed.. without tinyMCE enabled image_assist works fine..
except i have to reside the popup window everytime.. sigh

after i enable tinyMCE, "insert image" buttom dissapears..
and i can't attach anything in it

underpressure’s picture

underpressure commented

To view the Drupal image icon in the TinyMCE profile so it may be activated you need to edit some code first and then everything works fine.

If you use the TinyMCE WYSIWYG editor, install
   the drupalimage plugin.  To do this, move or copy the drupalimage
   folder to your TinyMCE plugins directory.  This location is
   \modules\tinymce\tinymce\jscripts\tiny_mce\plugins.
   
   Edit the plugin_reg.php file in the tinymce directory.  Add
   these lines (anywhere above the return statement):

   $plugins['drupalimage'] = array();
   $plugins['drupalimage']['theme_advanced_buttons1'] = array('drupalimage');
   $plugins['drupalimage']['extended_valid_elements'] = array('img[class|src|border=0|alt|title|width|height|align|name]');

   Next, go to administer > settings > tinymce and enable the drupalimage plugin.

Let me know if you have any questions
--------------------->
underpressure
My Drupal powered sites
http://ravalonline.com

radiofranky2006’s picture

radiofranky2006 commented

worked..tks

yelvington’s picture

yelvington commented

To clarify for everyone:

The drupalimage plug-in for tinymce is not included in the Drupal tinymce module.

It is, instead, bundled with the img_assist module, and needs to be moved from ...modules/img_assist/drupalimage to ...modules/tinymce/tinymce/jscripts/tiny_mce/plugins/drupalimage.

The INSTALL.txt file for tinymce makes this clear, but the INSTALL.txt file for tinymce muddies up the issue by including this misleading language:

To add Drupal specific plugins, TinyMCE comes bundled with plugins
in the main module directory. These plugins include:

- drupalimage: works in conjunction with the img_assist Drupal
module

NOTE: If you want to use img_assist with TinyMCE, you don't have to
install a plugin. Just enable the img_assist module and click
the photo icon that appears below each textarea.

TinyMCE itself does come with a number of bundled plugins, but drupalimage is not one of them.

sean2000’s picture

sean2000 commented

i am having a similar problem too. i see the button under the text-area and i can click on it to open the image assist pop-up window. i can also upload images. but when i click on the "Insert" button, it just takes me to a blank page (not a 404). in IE6, the bottom status bar tells me that there's an "error on page." could it be some javascript issue.. or is it something else i might be missing?

Next, go to administer > settings > tinymce and enable the drupalimage plugin.

for this i went ahead and checked the "drupalimage – drupalimage" option in my default TinyMCE profile. is that how it's done? any help would be appreciated.

underpressure’s picture

underpressure commented

This is because you missed part of the install. I'm not sure at the moen what exactly causes it, but I have experienced it and i'm certain it because the module was not installed properly. did you add the code?

To view the Drupal image icon in the TinyMCE profile so it may be activated you need to edit some code first and then everything works fine.

If you use the TinyMCE WYSIWYG editor, install
the drupalimage plugin. To do this, move or copy the drupalimage
folder to your TinyMCE plugins directory. This location is
\modules\tinymce\tinymce\jscripts\tiny_mce\plugins.

Edit the plugin_reg.php file in the tinymce directory. Add
these lines (anywhere above the return statement):

$plugins['drupalimage'] = array();
$plugins['drupalimage']['theme_advanced_buttons1'] = array('drupalimage');
$plugins['drupalimage']['extended_valid_elements'] = array('img[class|src|border=0|alt|title|width|height|align|name]');

Next, go to administer > settings > tinymce and enable the drupalimage plugin.

--------------------->
underpressure
http://ravalonline.com

sean2000’s picture

sean2000 commented

i do have the drupalimage plugin copied to the right directory, and i've also added those three lines of code to the plugin_reg.php file. mine's a windows 2003 server and not linux- not sure if that makes any difference.

also, if i try hard coding img tags into a "page" node, the image still doesn't show up. i have "full html" set as the default input format.

also, am i not supposed to see an extra button for drupalimage in tinyMCE editor once i have the drupalimage plugin installed?

i've got everything else working great but adding images to regular pages seems way more complicated than it needs to be.. thanks!

geekarena’s picture

geekarena commented

I've done as instructed, but still no button. Using all the most recent versions of Drupal and modules. Help!

allbert’s picture

allbert commented

Maybe the problem is the confusion of the location of the plugins folder.

Drupal tinymce module and the Tinymce engine placed inside the module both come with a plugins folder:
the first one is located at
/modules/tinymce/plugins/

the second one is the correct one (see the earlier contributions) and is at
/modules/tinymce/tinymce/jscripts/tiny_mce\plugins

Initially I placed the drupal image folder in the first (wrong) folder getting a non-working tinymce option "drupal image -drupal image".
After doing things right the button showed and things are working fine now, including the drupal image icon in the option list and in the toolbar.

Finally, I like this better than IMCE option as it integrates nicely with the Image galleries.

I hope this helps.

cayenne’s picture

cayenne commented

After installing all the modules in the known universe, I finally got them to work thanks to the fine postings here.

I am also very impressed by how polite everyone is here!

:)

shmatty29’s picture

shmatty29 commented

Spot on Allbert, that’s done the job.

Many thanks

If any one is having problems with TinyMCE uploading, adding images use this module IMCE http://drupal.org/project/imce
as suggested by Allbert, this module is excellent.

cheers again :)

gbs’s picture

gbs commented

I obviously had not read the forum far enough.

You are right...very misleading.

This is PAINFUL. And its just one module of many.

Why I gave up on acidfree:

One of my goals is to get this drupal install working ONCE, then archive the database and the code, complete with all the settings in place. Then I can "drop" a standard drupal 4.7.3 website, complete with modules, into place N times for N friends and customize these "point and click admin style" without having to re-do all these painful internal details. The nuances of which I can never remember accurately.

Thats why I wanted to use an sql file to install the database instead of sticking my fingers into mysql line by line by painful line. The idea of entering sql commands, using phpadmin as a command line editor/SHELL instead of just uploading pre-written (and correct) scripts, just doesnt fit with this goal of eliminating drupal pain. So I abandoned acidfree because the author insists we have to do it by shell methods.

gbs’s picture

gbs commented

YElvington,
You have here what I'd say is an "authoritative answer". The details are something that would save everyone a lot of time if they knew them up front.

Could you possibly move this to the top of the forum? Or write a HowTo page? Add it to the Howto Section? What "HowTo Section?" you may ask. Darned if I know. Howto's are one of the things I haven't yet discovered on drupal. One cant really write a howto if there is no place reserved for them. I'm not sure the folks running drupal support have yet developed the vision of creating howto's. My frustration is in reading the support forum and having to read and read and read and wade through umpteen anecdotal arguments just to find a golden nugget that should be in the howto.

Maybe its the nature of the drupal forum tool itself. I dont even know if you *can* move your post to the top. Or if anyone can. Is there a moderator who can do that?

It seems to me that on any given module the support forum should be divided into two sections: first a "Q&A" with many posters and a second section for authroitative information that has limited authors.

Thanks.

ufku’s picture

ufku commented

i'm using my own module for this. it just upload images to user's personal directory and is integrated with tinymce's image popup window.
http://drupal.org/node/78033

mancini’s picture

mancini commented

is it possible upload more than image? can upload a file? but not "upload module". it is only for attachment. for example, some text with hyperlink to a pdf file. any module can do this? thank you very much.

ufku’s picture

ufku commented

download imce from project page. http://drupal.org/project/imce
it supports non-image file upload which can be activated in the configuration page.

mancini’s picture

mancini commented

Thank you very much! it is great. it is really convinent to any user.

webmadman’s picture

webmadman commented

Wow, this does the trick!!! IMCE makes me happy :-)

rays’s picture

rays commented

WOW! The tinymce.module and imce.module work very well together... simple text and image integration for users. Thanks!

Ray

rjr’s picture

rjr commented

I just installed IMCE module.

And i can see it in my account.

But not in Create content >> blog or >>page or >> story.

How do i get this done?

regards,
a drupal newbie