Forum Subject: HTMLArea
Posted on: 09/30/04 02:50pm
By: Anonymous (Jody)
I have a problem with that. I follow the Info in there. I load it in and it's not working. Like to put it in Story. Here's my Question on that. Do I delete all in the story.php and put HTMLArea in that? Is that right or wrong. That's where I don't understand yet.
HTMLArea
Posted on: 09/30/04 04:01pm
By: NeoNecro
Hey,
I think you're trying to hard. I'm also wanting to use HTMLArea, but I'm not going to because it only suports ie and that sucks But I think I know the answer to your question: You'll have to go to the directory of youre theme and at te folowing code between your head tag in header.thtml.
Then you should edit the folowing files:
comment/commentform.thtml for comments
submit/submitlink.thtml for links
submit/submitstory.thtml for stories
That should work
btw: there's a new version of HTMLArea[*1] available that should work with FireFox. I'm going to give that one a try
I think you're trying to hard. I'm also wanting to use HTMLArea, but I'm not going to because it only suports ie and that sucks But I think I know the answer to your question: You'll have to go to the directory of youre theme and at te folowing code between your head tag in header.thtml.
</script>
<script language="Javascript1.2"><!-- // load htmlarea
_editor_url = "/htmlarea/"; // URL to htmlarea files
var win_ie_ver = parseFloat(navigator.appVersion.split("MSIE")[1]);
if (navigator.userAgent.indexOf('Mac') >= 0) { win_ie_ver = 0; }
if (navigator.userAgent.indexOf('Windows CE') >= 0) { win_ie_ver = 0; }
if (navigator.userAgent.indexOf('Opera') >= 0) { win_ie_ver = 0; }
if (win_ie_ver >= 5.5) {
document.write('<scr' + 'ipt src="' +_editor_url+ 'editor.js"');
document.write(' language="Javascript1.2"></scr' + 'ipt>');
} else { document.write('<scr'+'ipt>function editor_generate() { return false; }</scr'+'ipt>'); }
// --></script>
Then you should edit the folowing files:
comment/commentform.thtml for comments
submit/submitlink.thtml for links
submit/submitstory.thtml for stories
And at this code between the <form> tags, just before </form> (I needed to put this in a code box, because it kept removing the <form> tags
<script language="JavaScript1.2" defer>
var config = new Object();
config.toolbar = [
['fontname'],
['fontsize'],
['bold','italic','underline','strikethrough','separator'],
['justifyleft','justifycenter','justifyright','separator'],
['OrderedList','UnOrderedList','Outdent','Indent','separator'],
['forecolor','backcolor','separator'],
['HorizontalRule','Createlink','htmlmode','popupeditor','separator'],
['about']
];
editor_generate('TEXTAREANAME',config);
</script>
That should work
btw: there's a new version of HTMLArea[*1] available that should work with FireFox. I'm going to give that one a try
HTMLArea
Posted on: 09/30/04 04:11pm
By: Anonymous (Jody)
I did that Yesterday. I been searching for my answer and never found it. Still don't work that way. I even have it posted the other site. Nothing came back yet. Your way don't work at all. Yesterday I tryed that 5 times and it don't work at all.
HTMLArea
Posted on: 09/30/04 06:10pm
By: tomw
Have you looked at the package I put together with instructions for HTMLarea 2.03 at gplugs[*2] ?
Many have been using that for years.
I have never gotten the HTMLArea 3.0 beta running successfully.
Many have been using that for years.
I have never gotten the HTMLArea 3.0 beta running successfully.
HTMLArea
Posted on: 09/30/04 08:47pm
By: Anonymous (Jody)
Yes it is the HTMLArea 3.0 Is that why i'm having problems.
HTMLArea
Posted on: 10/01/04 01:09am
By: Anonymous (Jody)
Tomw I put in htmlarea 2 in and got a error in the Editor.js it is document.all[objname].config = config; there something missing and I can't debug that. The Editor I have won't debug it.
HTMLArea
Posted on: 10/04/04 10:40am
By: SoundChaser
So, is anyone actually having any luck getting HTMLArea 2.03 or 3.0 working with Geeklog 1.3.9? So far, I've tried both versions, and have had precisely zero luck getting it to work.
This is frustrating because (A) I have several other apps that are working with HTMLArea on the same server, and ( even the examples in the HTMLArea distribution files work without problems.
The whole issue seems to be centered around Geeklog integration. Yes, I have tried tomew's instructions, with no luck.
This is frustrating because (A) I have several other apps that are working with HTMLArea on the same server, and (
even the examples in the HTMLArea distribution files work without problems.The whole issue seems to be centered around Geeklog integration. Yes, I have tried tomew's instructions, with no luck.
HTMLArea
Posted on: 10/04/04 11:38am
By: Anonymous (Jody)
Me no luck either. I guess I forget that way. Try another way. All I want is put Pics in Articles. Anyone know how to do that.
HTMLArea
Posted on: 10/04/04 12:38pm
By: Blaine
Yes, GL works fine with HTMLArea 2.03 and following Tom's directions still work correctly.
I have also integrated 3.0 but had some issues and was not able to get it to work locally on my devel desktop (XP) but worked when I moved it to a hosted server for some reason. This was a few months ago now and I have not tried it since.
Make sure you don't have a conflict with some other JS library. I know that fValidate JS library for example has a conflict with HTMLArea 2.03 namespace.
I have also integrated 3.0 but had some issues and was not able to get it to work locally on my devel desktop (XP) but worked when I moved it to a hosted server for some reason. This was a few months ago now and I have not tried it since.
Make sure you don't have a conflict with some other JS library. I know that fValidate JS library for example has a conflict with HTMLArea 2.03 namespace.
HTMLArea
Posted on: 10/04/04 05:21pm
By: comicbookguy
I am running 2.03 and it works fine. I used Tom's instructions and the install went smooth enough.
I could see where it could be very easy to make a mistake though, since it's not your typical install.
I could see where it could be very easy to make a mistake though, since it's not your typical install.
HTMLArea
Posted on: 10/04/04 05:25pm
By: Anonymous (Chalkhillian)
Works on http://bressetteskarate.com as well with 1.3.9 - I used Tom's instructions with 1.3.7 and upgraded with no problems. Post some code - lets see what you've got.
HTMLArea
Posted on: 10/05/04 12:56am
By: samstone
HTMLArea 3.0 works on all my sites, English and other languages. I also use the ImageManager plug in. I just don't know how I would be able to live without it. It saves a heaven lot of time. This is how I do it.
I have no codes in my header.thtml because I don't want it to be activated all the time.
I put these codes at the top of admin/story/storyeditor.thtml. You do the same with other pages that has textarea.
Then at the textarea for IntroText I did a little modification and add the java script as follows:
And again at the bodytext area:
That takes care of the storyeditor.
If this works, I guess you can figure out how to do other non-admin pages giving limited HTMLArea features following the documentation.
It works on both IE and Mozilla. It works on Mozilla better, on IE you might have to refresh it sometimes. If you do the modification according to HTMLArea's forum, you can make it work better with IE, (so that it will come up every time and you don't have to refresh).
I don't have other than these two browsers to test and my users don't go beyond these two browsers.
In case you don't know where I get the ImageEditor, it'shere[*3]
I have no codes in my header.thtml because I don't want it to be activated all the time.
I put these codes at the top of admin/story/storyeditor.thtml. You do the same with other pages that has textarea.
<script type="text/javascript">
_editor_url = "/htmlarea/";
_editor_lang = "en";
</script>
<script type="text/javascript" src="/htmlarea/htmlarea.js"></script>
<script type="text/javascript">
//load the ImageManage + Editor plug-in
HTMLArea.loadPlugin("ImageManager");
HTMLArea.loadPlugin("TableOperations");
HTMLArea.loadPlugin("SpellChecker");
</script>
Then at the textarea for IntroText I did a little modification and add the java script as follows:
<textarea name="introtext" id="introtext" cols="98" rows="24" wrap="virtual">{story_introtext}</textarea>
<br>
<script type="text/javascript">
var editor = new HTMLArea("introtext");
// var config = new HTMLArea("content");
var config = editor.config;
config.width = '450px';
config.height = '200px';
editor.registerPlugin(TableOperations);
editor.registerPlugin(SpellChecker);
editor.generate();
</script>
And again at the bodytext area:
<textarea name="bodytext" id="bodytext" cols="98" rows="36" wrap="virtual">{story_bodytext}</textarea><br>
<script type="text/javascript">
var editor = new HTMLArea("bodytext");
// var config = new HTMLArea("content");
var config = editor.config;
config.width = '450px';
config.height = '320px';
editor.registerPlugin(TableOperations);
editor.registerPlugin(SpellChecker);
editor.generate();
</script>
That takes care of the storyeditor.
If this works, I guess you can figure out how to do other non-admin pages giving limited HTMLArea features following the documentation.
It works on both IE and Mozilla. It works on Mozilla better, on IE you might have to refresh it sometimes. If you do the modification according to HTMLArea's forum, you can make it work better with IE, (so that it will come up every time and you don't have to refresh).
I don't have other than these two browsers to test and my users don't go beyond these two browsers.
In case you don't know where I get the ImageEditor, it'shere[*3]
HTMLArea
Posted on: 10/05/04 03:37am
By: SoundChaser
HTMLArea 3.0 works on all my sites, English and other languages. I also use the ImageManager plug in. I just don't know how I would be able to live without it. It saves a heaven lot of time. This is how I do it.
YES! This works!! Only one (minor) problem -- and it's probably something that I messed up... For some reason when I save an article, I end up in the /admin/story.php -- with a blank page. Dunno what I could have messed up to cause this. Here's a copy of my storyeditor.php file, if anyone has a clue (I suspect it's pretty simple), I'd love the feedback:
<script type="text/javascript">
_editor_url = "/htmlarea/";
_editor_lang = "en";
</script> <script type="text/javascript" src="/htmlarea/htmlarea.js"></script>
<script type="text/javascript">
//load the ImageManage + Editor plug-in
// HTMLArea.loadPlugin("ImageManager");
HTMLArea.loadPlugin("TableOperations");
HTMLArea.loadPlugin("SpellChecker");
</script>
<form action="{site_admin_url}/story.php" method="post" enctype="multipart/form-data">
<table border="0" cellspacing="0" cellpadding="3" width="100%">
<tr>
<td align="right">{lang_author}:</td>
<td>{story_author}<input type="hidden" name="uid" value="{story_uid}"></td>
</tr>
<tr>
<td align="right" valign="top">{lang_date}:</td>
<td>
<select name="publish_month">
{publish_month_options}
</select>
/
<select name="publish_day">
{publish_day_options}
</select>
/
<select name="publish_year">
{publish_year_options}
</select>
<select name="publish_hour">
{publish_hour_options}
</select>
:
<select name="publish_minute">
{publish_minute_options}
</select>
<select name="publish_ampm">
<option value="am" {publisham_selected}>am</option>
<option value="pm" {publishpm_selected}>pm</option>
</select><br>
<input type="hidden" name="publish_second" value="{publish_second}">
{publish_date_explanation}
</td>
</tr>
<tr>
<td align="right">{lang_title}:</td>
<td><input type="text" size="48" maxlength="255" name="title" value="{story_title}"></td>
</tr>
<tr>
<td align="right">{lang_topic}:</td>
<td>
<select name="tid">
{topic_options}
</select>
</td>
</tr>
<tr>
<td align="right">{lang_show_topic_icon}:</td>
<td>
<input type="checkbox" name="show_topic_icon" {show_topic_icon_checked}>
</td>
</tr>
<tr>
<td align="right">{lang_draft}:</td>
<td><input type="checkbox" name="draft_flag" {is_checked}></td>
</tr>
<tr>
<td align="right">{lang_mode}:</td>
<td>
<select name="commentcode">
{comment_options}
</select>
<select name="featured">
{featured_options}
</select>
<select name="frontpage">
{frontpage_options}
</select>
</td>
</tr>
<tr>
<td valign="top" align="right">{lang_introtext}:</td>
<td><textarea id="introtext" name="introtext" cols="50" rows="15" wrap="virtual" style="width:100%">{story_introtext}</textarea>
<br>
<script type="text/javascript">
var editor = new HTMLArea("introtext");
// var config = new HTMLArea("content");
var config = editor.config;
config.width = '450px';
config.height = '200px';
editor.registerPlugin(TableOperations);
editor.registerPlugin(SpellChecker);
editor.generate();
</script>
</td>
</tr>
<tr>
<td valign="top" align="right">{lang_bodytext}:</td>
<td><textarea style="width:100%" name="bodytext" id="bodytext" cols="50" rows="24" wrap="virtual">{story_bodytext}</textarea>
<script type="text/javascript">
var editor = new HTMLArea("bodytext");
// var config = new HTMLArea("content");
var config = editor.config;
config.width = '450px';
config.height = '320px';
editor.registerPlugin(TableOperations);
editor.registerPlugin(SpellChecker);
editor.generate();
</script>
</td>
</tr>
<tr valign="top">
<td align="right"><b>{lang_postmode}:</b></td>
<td>
<select name="postmode">
{post_options}
</select>
<br>
{lang_allowed_html}
</td>
</tr>
<tr>
<td valign="top" align="right"><b>{lang_images}:</b></td>
<td>
{saved_images}
{image_form_elements}
</td>
</tr>
<tr>
<td align="right">{lang_hits}:</td>
<td><input type="hidden" name="hits" value="{story_hits}">{story_hits}</td>
</tr>
<tr>
<td align="right">{lang_comments}:</td>
<td><input type="hidden" name="comments" value="{story_comments}">{story_comments}</td>
</tr>
<tr>
<td align="right">{lang_emails}:</td>
<td><input type="hidden" name="numemails" value="{story_emails}">{story_emails}
<input type="hidden" name="sid" value="{story_id}">
</td>
</tr>
<tr>
<td colspan="2"><hr></td>
</tr>
<tr>
<td colspan="2"><b>{lang_accessrights}</b></td>
</tr>
<tr>
<td align="right">{lang_owner}:</td>
<td>{owner_username}<input type="hidden" name="owner_id" value="{owner_id}"></td>
</tr>
<tr>
<td align="right">{lang_group}:</td>
<td>
{group_dropdown}
</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td colspan="2"><b>{lang_permissions}</b>:</td>
</tr>
<tr>
<td colspan="2">{lang_perm_key}</td>
</tr>
<tr>
<td colspan="2">
{permissions_editor}
</td>
</tr>
<tr>
<td colspan="2">{permissions_msg}</td>
</tr>
<tr><td colspan="2"> </td></tr>
<tr>
<td colspan="2">
<input type="submit" value="{lang_save}" name="mode">
<input type="submit" value="{lang_preview}" name="mode">
<input type="submit" value="{lang_cancel}" name="mode">
{delete_option}
{submission_option}
</td>
</tr>
</table>
</form>
I can probably compare against the original file, and find out where I went wrong -- but it may take a while because of the modifications...so if anyone spots the problem right off, I'd appreciate the help...
// George
HTMLArea
Posted on: 10/05/04 10:01am
By: samstone
I took a quick look and couldn't find anything wrong with the java script itself.
You might want to replace the story.php with a fresh one and see what happen.
And then get a fresh storyeditor.thml and put these codes in again.
Just some easy way to narrow down the problem.
Sam
You might want to replace the story.php with a fresh one and see what happen.
And then get a fresh storyeditor.thml and put these codes in again.
Just some easy way to narrow down the problem.
Sam
HTMLArea
Posted on: 10/05/04 05:28pm
By: ByteEnable
I also get a blank page. However, looking at the blank page source it says this:
So the story actually got saved. Just didn't refresh the page.
On another note, I could never get my spell checking working from the server, any pointers in that area as well?
Strange, from my ISP I cannot get zhuo's site. Here is the sourceforge link:
https://sourceforge.net/project/showfiles.php?group_id=92873
Byte
<html><head><meta http-equiv="refresh" content="0; URL=http://www.linuxelectrons.com/admin/story.php?msg=9"></head></html>
So the story actually got saved. Just didn't refresh the page.
On another note, I could never get my spell checking working from the server, any pointers in that area as well?
Strange, from my ISP I cannot get zhuo's site. Here is the sourceforge link:
https://sourceforge.net/project/showfiles.php?group_id=92873
Byte
HTMLArea
Posted on: 10/06/04 01:38pm
By: NeoNecro
Thanks samstone for your explanation, but I'm still having one problem: links!
If I try to make a link with firefox, a popup opens, but I can't put text in the two fields. If I wan't to make a link with ie, I can put text in those two fields, but my html code doesn't get placed
On the HTMLArea forums I found out there were more users with this problem, but from those threads I can't figure out who to fix it
I really don't know what's wrong, I even downloaded the latest cvs version, but with that nothing works
Any idee on who to fix this?
grtz
If I try to make a link with firefox, a popup opens, but I can't put text in the two fields. If I wan't to make a link with ie, I can put text in those two fields, but my html code doesn't get placed
On the HTMLArea forums I found out there were more users with this problem, but from those threads I can't figure out who to fix it
I really don't know what's wrong, I even downloaded the latest cvs version, but with that nothing works
Any idee on who to fix this?
grtz
HTMLArea
Posted on: 10/06/04 02:01pm
By: tomw
I see you also found the two problems that I never could get around spell check and links. For me links is a showstopper.
HTMLArea
Posted on: 10/06/04 02:29pm
By: NeoNecro
I don't mind the spelling checker doesn't work, but only for the links.
I'm going to look on there forums to find a solution. I will let you know if I found one.
/edit
I think I got the links working! But I don't know if it was my fault or HTMLArea's. Now I can make links in Firefox and in IE.
You first need to select the tekst that you wan't to make a link of (didn't knew that) and then klick on the link icon. In IE it will work from the first time the popup opens, but in Firefox, you'll need to wait a few seconds or klick some where outside the popup then you can enter tekst.
I also changed some files from cvs:
Don't know if they make a difrence
I'm going to look on there forums to find a solution. I will let you know if I found one.
/edit
I think I got the links working! But I don't know if it was my fault or HTMLArea's. Now I can make links in Firefox and in IE.
You first need to select the tekst that you wan't to make a link of (didn't knew that) and then klick on the link icon. In IE it will work from the first time the popup opens, but in Firefox, you'll need to wait a few seconds or klick some where outside the popup then you can enter tekst.
I also changed some files from cvs:
- popupwin.js[*4]
- link.html[*5]
- popup.js[*6]
Don't know if they make a difrence
HTMLArea
Posted on: 10/08/04 01:07pm
By: NeoNecro
I just found out there's an editor that could be better then htmlarea. It's FCKeditor, it's much simpler to install and it works like it's suposed to on Firefox!
You can read more about in in this threat[*7] .
You can read more about in in this threat[*7] .
HTMLArea
Posted on: 10/09/04 10:24am
By: NeoNecro
[QUOTE BY= SoundChaser]
For some reason when I save an article, I end up in the /admin/story.php -- with a blank page. Dunno what I could have messed up to cause this.
[/QUOTE]
I had the same problem when I posted articles with HTMLArea or FCKeditor, but only in Firefox, in IE nothing seems to be wrong.
I found out who to fix it. But it's a very dirty way to do so:
You should replace this line (2559) in your lib-common.php
to this
From now on Geeklog will use a script to redirect you to the folowing page. In Firefox en ie.
I hope it works for you.
ps: the forum removed som back-slashes, I hope you know where to put them.
For some reason when I save an article, I end up in the /admin/story.php -- with a blank page. Dunno what I could have messed up to cause this.
[/QUOTE]
I had the same problem when I posted articles with HTMLArea or FCKeditor, but only in Firefox, in IE nothing seems to be wrong.
I found out who to fix it. But it's a very dirty way to do so:
You should replace this line (2559) in your lib-common.php
return "<html><head><meta http-equiv="refresh" content="0; URL=$url"></head></html>//n";
to this
return "<html><head><SCRIPT LANGUAGE="JavaScript">redirTime = "100"; redirURL = "$url"; function redirTimer() { self.setTimeout("self.location.href = redirURL;",redirTime); } </script></head><body onLoad="redirTimer()"></body></html>//n";
From now on Geeklog will use a script to redirect you to the folowing page. In Firefox en ie.
I hope it works for you.
ps: the forum removed som back-slashes, I hope you know where to put them.
HTMLArea
Posted on: 10/09/04 10:43am
By: Anonymous (dewdoobrown)
Does HtmlArea 3.0 work on mac browsers? I am very interested if it does!!!!
HTMLArea
Posted on: 10/09/04 11:33am
By: NeoNecro
I think it only works on internet explorer and on mozilla browsers. With mozilla it works on every platform. But the support for mozilla is not that good.
HTMLArea
Posted on: 10/09/04 12:05pm
By: Anonymous (anonymous monkey)
HTMLArea
Posted on: 10/10/04 04:36pm
By: Anonymous (Triest)
I dont get it ..
Installed the latest htmlarea 3.0rc1
and put the code in admin/storyeditor.thtml as you guys said..
And still nothing is happening.
Am I overlooking a very Big thing here?
Plz help
I can even post the code I have inserted if you want...
Installed the latest htmlarea 3.0rc1
and put the code in admin/storyeditor.thtml as you guys said..
And still nothing is happening.
Am I overlooking a very Big thing here?
Plz help
I can even post the code I have inserted if you want...
HTMLArea
Posted on: 10/10/04 04:44pm
By: Triest
This is the piece I have just before the /form in storyeditor.thtml
And this in the header.thtml file in the head
Thats it. I have all the plugins. on the host.
Dir is correct..
Anybody ?
<script type="text/javascript">
var editor = new HTMLArea("introtext");
// var config = new HTMLArea("content");
var config = editor.config;
config.width = '350px';
config.height = '100px';
editor.registerPlugin(TableOperations);
editor.registerPlugin(ImageManager);
editor.registerPlugin(ListType);
editor.registerPlugin(HtmlTidy);
editor.registerPlugin(EnterParagraphs);
editor.registerPlugin(SpellChecker);
editor.generate();
</script>
And this in the header.thtml file in the head
<script type="text/javascript">
_editor_url = "/htmlarea/";
_editor_lang = "en";
</script>
<script type="text/javascript" src="/htmlarea/htmlarea.js"></script>
<script type="text/javascript">
//load the ImageManage + Editor plug-in
HTMLArea.loadPlugin("ImageManager");
HTMLArea.loadPlugin("ListType");
HTMLArea.loadPlugin("HtmlTidy");
HTMLArea.loadPlugin("EnterParagraphs");
HTMLArea.loadPlugin("TableOperations");
HTMLArea.loadPlugin("SpellChecker");
</script>
Thats it. I have all the plugins. on the host.
Dir is correct..
Anybody ?
HTMLArea
Posted on: 10/11/04 08:07pm
By: samstone
Hi, sorry that I haven't been around lately.
I agree that playing with HTMLArea is like playing lottery. You don't know why it works and why not.
The code I gave you works on all my sites, including links, spell check, and image editor. Links are created automatically like in MS Word when you start with www. Or you can click on the link button to create. Try it with different layout. I suspect that some css layouts doesn't work well with it.
Another thing I can suggest is that you upgrade the htmlarea.js to version 1.80 from the CVS. Any version after 1.80 wouldn't work with my code. Strange and couldn't figure out why.
Sam
I agree that playing with HTMLArea is like playing lottery. You don't know why it works and why not.
The code I gave you works on all my sites, including links, spell check, and image editor. Links are created automatically like in MS Word when you start with www. Or you can click on the link button to create. Try it with different layout. I suspect that some css layouts doesn't work well with it.
Another thing I can suggest is that you upgrade the htmlarea.js to version 1.80 from the CVS. Any version after 1.80 wouldn't work with my code. Strange and couldn't figure out why.
Sam
HTMLArea
Posted on: 10/13/04 04:10pm
By: Anonymous (korneusz)
What I must change /add in my config.php ?? to htmlarea, because it's not work
Any Example ???
Any Example ???
HTMLArea
Posted on: 10/13/04 06:23pm
By: samstone
Can you tell me a little more about not working?
If you don't see the htmlArea at all, it has nothing to do with config.php.
Sam
If you don't see the htmlArea at all, it has nothing to do with config.php.
Sam
HTMLArea
Posted on: 11/12/04 03:49pm
By: samstone
OK, one client forced me to make htmlarea work 100% for him and I finally got it loading 100% of times.
I put this in the header.thtml in the head area:
And this replacing the textarea of the "introtext" of the storyeditor.thml:
And this goes to the bodytext:
Make sure you add the id="?????" and match it in the Java script.
Tell me if you still have problem. BTW, these codes work with HTMLArea 3.0rc1's htmlarea.jsp version 1.80 from the CVS. I haven't tried them with the new ones yet.
Sam
I put this in the header.thtml in the head area:
<script type="text/javascript"> _editor_url = "/htmlarea/"; _editor_lang = "en"; </script> <script type="text/javascript" src="/htmlarea/htmlarea.js"></script>
And this replacing the textarea of the "introtext" of the storyeditor.thml:
<textarea name="introtext" id="introtext" cols="98" rows="24" wrap="virtual">{story_introtext}</textarea>
<br>
<script type="text/javascript">
//load the ImageManage + Editor plug-in
HTMLArea.loadPlugin("ImageManager");
HTMLArea.loadPlugin("TableOperations");
HTMLArea.loadPlugin("SpellChecker");
</script>
<script type="text/javascript">
var editor = new HTMLArea("introtext");
// var config = new HTMLArea("content");
var config = editor.config;
config.width = '450px';
config.height = '200px';
editor.registerPlugin(TableOperations);
editor.registerPlugin(SpellChecker);
editor.generate();
</script>
And this goes to the bodytext:
<textarea name="bodytext" id="bodytext" cols="98" rows="36" wrap="virtual">{story_bodytext}</textarea><br>
<script type="text/javascript">
var editor = new HTMLArea("bodytext");
// var config = new HTMLArea("content");
var config = editor.config;
config.width = '450px';
config.height = '320px';
editor.registerPlugin(TableOperations);
editor.registerPlugin(SpellChecker);
editor.generate();
</script>
Make sure you add the id="?????" and match it in the Java script.
Tell me if you still have problem. BTW, these codes work with HTMLArea 3.0rc1's htmlarea.jsp version 1.80 from the CVS. I haven't tried them with the new ones yet.
Sam
HTMLArea
Posted on: 11/27/04 06:05am
By: tt0ne
This totally worked for me, man. Thanks so much!
Thumbnails don't seem to be generating properly, but that's something I can fix...
This is VERY good news! The Spellchecker is so key - my users are going to go crazy!
- Marco
Thumbnails don't seem to be generating properly, but that's something I can fix...
This is VERY good news! The Spellchecker is so key - my users are going to go crazy!
- Marco
HTMLArea
Posted on: 01/13/05 06:38pm
By: samstone
There is a very exciting and tremedous time saving tip, if your site has Gallery installed.
You can upload the photos in the gallery. Copy the gallery thumb nail, which is 150x150 by default, and paste it in your story that is being edited with the HTMLArea. The reader and click on the photo and see it enlarged in the gallery. (The link was carried over automatically by HTMLArea.)
That saves a heaven lot of time for me because I don't have to resize the picture to be used in the story, and the user has a big picture to see!
Sam
You can upload the photos in the gallery. Copy the gallery thumb nail, which is 150x150 by default, and paste it in your story that is being edited with the HTMLArea. The reader and click on the photo and see it enlarged in the gallery. (The link was carried over automatically by HTMLArea.)
That saves a heaven lot of time for me because I don't have to resize the picture to be used in the story, and the user has a big picture to see!
Sam
Theme with built-in HTMLArea
Posted on: 01/13/05 08:59pm
By: sammykrupa
Professional Theme With Built-in WYSIWYG
About
This theme is simply the excellent Geeklog theme "Professional" with a added WYSIWYG powered by htmlArea ( http://www.htmlarea.com/ ). Everything needed is included in this download (htmlArea, and theme). The WYSIWYG requires Internet Explorer 5.5 or better on Windows to run. This is because it makes use of some advanced features of IE5.5 that aren't available in other browsers yet. It is backwards compatible with other browsers, though. They will get a regular textarea field instead of a WYSIWYG editor.
I have placed a link at the bottom of the theme saying "WYSIWYG Added by the Tech info Blog"
If you have any problems feel free to email me at sam@theplaceforitall.com
Install Instructions
There are two directories in the folder that you downloaded. Place the directory "professional" in your Geeklog layouts folder. Place the directory "htmlarea" anywhere one your web-server (make sure it's NOT inside the cgi-bin) where it can be accessed through a web browser. Inside the directory "htmlarea" is a file called "example.html" access this file though a web browser, for example: http://www.example.com/htmlarea/example.html If you see a textarea with editing options and not just a plain textbox than you are one the right track. Inside the "professional" directory there is a file called "header.thtml" open this file up in a PLAIN TEXT editor and on line 15 you will se this : _editor_url = "http://example.com/htmlarea/";
Change the URL http://example.com/htmlarea/ to the URL on your server where you can access the directory "htmlarea" through a web browser. The URL you replace http://example.com/htmlarea/ with MUST end a slash (/).
Your WYSIWYG works now, but the HTML it generates will get filtered (deleted) by Geeklog using its default settings. To decide what HTML gets filtered by Geeklog and what doesn't you must change the settings: user_html and admin_html in your Geeklog config.php file.
Now you should be able to use your new WYSIWYG whenever you submit a comment, link, and story. You will also be able to use your new WYSIWYG when you edit a story or link (like from the Admin menu).
Download here[*9]
About
This theme is simply the excellent Geeklog theme "Professional" with a added WYSIWYG powered by htmlArea ( http://www.htmlarea.com/ ). Everything needed is included in this download (htmlArea, and theme). The WYSIWYG requires Internet Explorer 5.5 or better on Windows to run. This is because it makes use of some advanced features of IE5.5 that aren't available in other browsers yet. It is backwards compatible with other browsers, though. They will get a regular textarea field instead of a WYSIWYG editor.
I have placed a link at the bottom of the theme saying "WYSIWYG Added by the Tech info Blog"
If you have any problems feel free to email me at sam@theplaceforitall.com
Install Instructions
There are two directories in the folder that you downloaded. Place the directory "professional" in your Geeklog layouts folder. Place the directory "htmlarea" anywhere one your web-server (make sure it's NOT inside the cgi-bin) where it can be accessed through a web browser. Inside the directory "htmlarea" is a file called "example.html" access this file though a web browser, for example: http://www.example.com/htmlarea/example.html If you see a textarea with editing options and not just a plain textbox than you are one the right track. Inside the "professional" directory there is a file called "header.thtml" open this file up in a PLAIN TEXT editor and on line 15 you will se this : _editor_url = "http://example.com/htmlarea/";
Change the URL http://example.com/htmlarea/ to the URL on your server where you can access the directory "htmlarea" through a web browser. The URL you replace http://example.com/htmlarea/ with MUST end a slash (/).
Your WYSIWYG works now, but the HTML it generates will get filtered (deleted) by Geeklog using its default settings. To decide what HTML gets filtered by Geeklog and what doesn't you must change the settings: user_html and admin_html in your Geeklog config.php file.
Now you should be able to use your new WYSIWYG whenever you submit a comment, link, and story. You will also be able to use your new WYSIWYG when you edit a story or link (like from the Admin menu).
Download here[*9]
HTMLArea
Posted on: 01/13/05 09:26pm
By: samstone
You didn't mention what version of HTMLArea used.
Sounds like 2.0 because 3.0 works with more than IE.
Sam
The WYSIWYG requires Internet Explorer 5.5
Sounds like 2.0 because 3.0 works with more than IE.
Sam
HTMLArea
Posted on: 01/25/05 03:52pm
By: dewdoo
[QUOTE BY= NeoNecro] [QUOTE BY= SoundChaser]
For some reason when I save an article, I end up in the /admin/story.php -- with a blank page. Dunno what I could have messed up to cause this.
[/QUOTE]
I had the same problem when I posted articles with HTMLArea or FCKeditor, but only in Firefox, in IE nothing seems to be wrong.
I found out who to fix it. But it's a very dirty way to do so:
You should replace this line (2559) in your lib-common.php
to this
From now on Geeklog will use a script to redirect you to the folowing page. In Firefox en ie.
I hope it works for you.
ps: the forum removed som back-slashes, I hope you know where to put them.[/QUOTE]
Can some email this code w/the backslashes in place. I Finally have fckeditor 2.0 rc? and everything works. The main reason I am so stoked about this that I have finally got an html editor on a mac. Of coarse using geko based web browsers. Now the only problem I am facing is, when I refresh the page....it comes up blank. My comments or stories are saved.
thanks in advance
Sam email addy samuel at kents.mine.nu
For some reason when I save an article, I end up in the /admin/story.php -- with a blank page. Dunno what I could have messed up to cause this.
[/QUOTE]
I had the same problem when I posted articles with HTMLArea or FCKeditor, but only in Firefox, in IE nothing seems to be wrong.
I found out who to fix it. But it's a very dirty way to do so:
You should replace this line (2559) in your lib-common.php
return "<html><head><meta http-equiv="refresh" content="0; URL=$url"></head></html>//n";
to this
return "<html><head><SCRIPT LANGUAGE="JavaScript">redirTime = "100"; redirURL = "$url"; function redirTimer() { self.setTimeout("self.location.href = redirURL;",redirTime); } </script></head><body onLoad="redirTimer()"></body></html>//n";
From now on Geeklog will use a script to redirect you to the folowing page. In Firefox en ie.
I hope it works for you.
ps: the forum removed som back-slashes, I hope you know where to put them.[/QUOTE]
Can some email this code w/the backslashes in place. I Finally have fckeditor 2.0 rc? and everything works. The main reason I am so stoked about this that I have finally got an html editor on a mac. Of coarse using geko based web browsers. Now the only problem I am facing is, when I refresh the page....it comes up blank. My comments or stories are saved.
thanks in advance
Sam email addy samuel at kents.mine.nu
HTMLArea
Posted on: 01/30/05 10:33am
By: Anonymous (surgeon)
[QUOTE BY= samstone] OK, one client forced me to make htmlarea work 100% for him and I finally got it loading 100% of times.[/QUOTE]
After placing Your code where You pointed, and when i trying to edit some article IE and FireFox says (double):
Any idea why? I have htmlarea 2.0.3 RC3 and GL 1.3.11.
After placing Your code where You pointed, and when i trying to edit some article IE and FireFox says (double):
Error: You must called HTMLArea.init{}first. Like this:
HTMLArea.init();
HTMLArea.onload = function() {
var editor = new HTMLArea('editor');
editor.generate();
};
Any idea why? I have htmlarea 2.0.3 RC3 and GL 1.3.11.
HTMLArea
Posted on: 01/30/05 02:34pm
By: samstone
The code I posted was for HTMLArea 3.0rc. I don't even remember why I abandoned 2.0. Even though it was a stable release, it was lacking in many features (e.g. not supporting FireFox), security and performance comparing the 3.0. Anyhow, some time, somewhere I made the decision never to use 2.0 and I can't remember why.
3.0 development community has become quite active lately, so why don't you consider the newer and more powerful version? They also have just released RC2.
Sorry for not being able to help you with the version you are using. I hope someone else can help.
Sam
3.0 development community has become quite active lately, so why don't you consider the newer and more powerful version? They also have just released RC2.
Sorry for not being able to help you with the version you are using. I hope someone else can help.
Sam
HTMLArea
Posted on: 01/31/05 02:29pm
By: Anonymous (surgeon)
Damnit, i mistake versions. I attepted to run 3.0RC3 from this link. Error i pasted in post above.
So now i`m back to 2.03.
So now i`m back to 2.03.