Install FCKeditor Using WYSIWYG API
This video tutorial shows how to install FCKeditor using the WYSIWYG API module. WYSIWYG makes it easy to install the most popular content editors on a Drupal site.
Note: Click the 'full screen' icon (to the left of the volume control) in order to watch online at full 1024x768 resolution.
UPDATE: Please take note that newer versions of the WYSIWYG API module require that the editor files get placed in the sites/all/libraries folder. This folder probably doesn't exist on your web server so you should create it if it does not exist.
Bookmark or Share Post- learnbythedrop's blog
- 7301 reads
Subscribe or Share
Recent Drops
Recent comments
- Re: Installing Drupal On A Localhost
6 hours 26 min ago - Re: Ec_product module?
6 hours 40 min ago - Re: Installing Drupal On A Localhost
6 hours 50 min ago - Re: Installing Drupal On A Localhost
7 hours 18 min ago - Re: Ec_product module?
8 hours 11 min ago - Re: IMCE/FCKEditor Browse Button Not Showing
13 hours 4 min ago - Re: IMCE/FCKEditor Browse Button Not Showing
19 hours 44 min ago - Re: IMCE/FCKEditor Browse Button Not Showing
23 hours 14 min ago - Re: IMCE/FCKEditor Browse Button Not Showing
1 day 24 min ago - Re: Adding Fields With CCK
1 day 4 hours ago
Comments
fck upload image goes to page not found
Hi
The fck editor installed beautifully with WYSIWYG API and I finally have an upload button for images (which didn't work when I installed fck by itself)... so that's a plus. However, when I click on upload images it gives me a page not found error. Do I need to put a path somewhere in the admin>config areas for WYSIWIG API or fck editor. Or is this something I need to change in a php file?
Any ideas?
(BTW this website is a life saver! You da man!)
Image Upload With FCKEditor
Do you have an image upload module (like IMCE) installed? If you don't I don't think that uploading via FCK alone will work for you.
Image Upload With FCKEditor
I do have IMCE uploaded and activated. I know that with FCK editor you had to activate IMCE but WYSIWYG API doesn't seem to have an area to do that. I was just wondering if there was anything else I could check in the admin panel that I missed.
WYSIWYG API Bridge
There is one more module that you should be using with that configuration if you want image uploads to work properly. It's called IMCE Wysiwyg API bridge. http://drupal.org/project/imce_wysiwyg
See the following comment for a little more information on using the "bridge" module to get IMCE working. http://learnbythedrop.com/drop/129#comment-586
Browse still not working
When I followed your video about fckeditor and IMCE and I went to add an image into a blog, the browse button wasn't there. I've been trying to troubleshoot this. I found at drupal.org a thread about this that had a jpg of a list of input formats with IMCE at the bottom that needed to be checked. I cannot find anywhere a list like that jpg. I came on here and found this thread. I've downloaded and installed wysisyg and then the imce wysisyg and still no browse button. And the fckeditor folder is now under libraries, so it doesn't show on my module list. Any suggestions? Whew, there sure is a lot to know about where to configure things -- and your videos have done a wonderful job of getting me started!
Missing Browse Button
Hi Susan, I have the same problem with the missing browse button, having followed Bob's excellent videos. Did you have any luck solving this issue yet?
Seeing images on front page
Hi Rob
OK, installed the fck by wysiwyg and the upload button now appears. However, whenever I upload the pics they don't appear on the front page.
Have looked for a blog about it but can't find it.
Also, with regard me wantong to put a rollover pic on the front page. I asked earlier but can you tell me if it is possible to do that in Drupal? Remember it is a sinch to do it in Dreamweaver!!
regards
keith
When you say, "They don't
When you say, "They don't appear on the front page" I'm not exactly sure what is happening. Do you mean the saved post can't be seen on the front page? If that's the case then you can select the "Promoted to front page" checkbox in the Publishing Options section of the post editor.
You can integrate rollover images if you want to but you'll have to do it manually which means that you'll upload the images and then place the html that displays the roll overs in a block or your theme file.
Hey Rob, thanks for the
Hey Rob, thanks for the videos...I wasn't getting the upload button but I went through all 4 steps that you mentioned and I am finally getting it. However, after I upload the image into my content (ex. blog post) it appears as though it will work but once I click preview or I submit the post the image disappears. Also, I have input formats set to full HTML, I have uploads module enabled, and I checked the imce button in the wysiwyg module. I also tried using IMCE with wysiwyg/tinymce and when I try to upload images with that I just the html code shows up when I preview the post or submit it. Do you have any suggestions for me? Thanks.
Disappearing Image
If you see the image in the body of the post it would seem to me that IMCE has done it's job. So I don't think that is the problem. Normally I would say it's the input format but Full HTML is correct so I don't think that's the problem. What I would do is start a post, add an image and then before attempting to post look at the source html of the post to see what path is listed. Perhaps it is an issue with the path to the image.
And what if this doesn't
And what if this doesn't work? I mean, i add picture and then in wysiwyg preview i can see image, move it to another point or scale, but when i'll turn vision over bbcode or save node then image is gone. It leaves no sings as it was never added. It has nothing with input coz if i'll just write [img] tags and put link between and then save page, the image works fine... Its kinda odd.
Also i dont know why when i followed yours tutorial the wysiwyg editors work fine but they use bbcode as standard (i needed to use module to make things like bold work)
Images and WYSIWYG Editors
That sounds like an input format issue. So I would check to make sure that the default input format is full html. Every install is different though so it could be something else. So in that case I recommend trying another image adding module and/or a different WYSIWYG editor. Generally when I run into troubles with modules that I can't overcome I try other modules to see if they work for me.
Thanks for the answer! I
Thanks for the answer! I Figured it out: The problem was this bbcode thing (installed when i checked bbcode buton in WYSIWYG editor options), When i unchecked it i had no longer bbcode but fullhtml and i can add images normally. Cheers!
Install FCKeditor into library folder
The 6x-2.0 version of wysiwyg requires that fckeditor be stored in: sites/all/libraries/fckeditor rather than in a folder within sites/all/modules/wysiwyg Might be helpful for newbies to know this. No idea why the change occurred but it's helpful that it is part of the instructions when selecting the editor for download from within the drupal install.
Nice video. Sure does help to have these visual aids -- and to hear a voice! Those of us who work solo sure do find these voices/faces of great help! Thanks much!!
New Folder for WYSIWYG
Yes, I've noticed that myself. Thank you for pointing it out. Luckily they also changed the instructions on the admin window of the WYSIWYG API. That's why it's always good to read change notes and other documentation that comes along with module upgrades.
FCKEditor already installed before WYSIWYG-API: How to move?
Hello,
i already installed fckeditor in drupal, now i want to install wysiwyg-api afterwards.
is it possible to keep al my configfiles of fckeditor and just move the folder?
how is it done?
thanks, adam
Moving FCKEditor
When you install WYSIWYG API, it instructs you where you move the editor files to. The location will be the sites/all/libraries folder. That's a folder that you need to create. So you would move the fckeditor files to that directory and then set things up using the WYSIWYG API profiles.
It's important to note that when using WYSIWYG with fckeditor that you get access to fewer fck features and configuration options. But the setup is simpler and you can get it to work with the "browse" button for imce.
FCKeditor and IMCE
I am at the point in the video tutriosls about uploading images and I have no button. I have looked through your forum posts... which gives me some idea I am missing something, but going through the forum post I am getting more confused, and some of the pages are not found. Please share the fix for this.
Have you looked at the
Have you looked at the following comment from above? http://learnbythedrop.com/drop/144#comment-635
FCKediotr
Thank you very much for all these videos.
I have installed the FCKeditor,WYSIWYG,and IMCE.
When I tried to add a content, the FCKeditor first appeared.
But few minutes later, when I try to add a new page, the FCKeditor is not there any more.
I guess I forgot to put a check somewhere.
Could you please light me on this matter?
Thank you in advance.
FCKEditor Disappearing
Check your settings at /admin/settings/wysiwyg/. If you have set the editor to appear for only a certain input format, like Full HTML, then the content type you are editing must be set to the Full HTML input format or the editor will not appear.
FCKeditor Page Save Database Retrieval
Bob - Once page data is saved after using FCKeditor I am interested to retrieve the edited content from the database, in order to pull and save this content into another MySQL custom table. Where and what drupal table(s) would this content from FCKeditor be stored?
thanks matthew
Retrieving Stored Content
I don't know the exact table but I can tell you that it wouldn't be related to FCKeditor. FCK is just an editor that generates html. When the done body gets stored in the database its stored in a table that related to the node. It's probably one of the tables that starts with node or content.
Image disappears when clicking preview
After adding IMCE and IMCE Wysiwyg API bridge, I can using it to add picture to FCKEditor, but when I press Preview button, the image disappears both on the preview and inside the editor. When I disable rich-text I see no![]()
tag anywhere. It seems nothing was added to the code. I don't know what's wrong. I can use FCKEditor before enable IMCE without any problems.
Sorry for my bad English.
Image Disappearing
Most of the time when an image disappears on preview it is because of the Input Format. Try the Full HTML input format and see if that works for you.
Re: Image Disappearing
I'm sorry but this is not the case. I've always logged in as administrator and Input Format is set to Full HTML. As I mentioned earlier, if I used FCK alone it works well without any problem. Thanks for your answer.
WYSIWYG
OK, I've gone through this tutorial several times and still no WYSIWYG regardless of my theme or content type. I'm able to config the FCKeditor, but nothing when I create content.
I've insured that all the folders are installed in the correct place.
WYSIWYG Editor Appearance
Take note that when you create a profile for an editor you specify when the editor will appear based on the input format chosen in your node. Make sure that the input format specified in the profile matches the one that you have selected on the node that you are creating. Also, look at your log report to see if any errors are being generated.
Post new comment