Welcome to Geeklog, Anonymous Saturday, August 31 2024 @ 11:12 pm EDT
Geeklog Forums
HTMLArea
Page navigation
dewdoobrown
Anonymous
Does HtmlArea 3.0 work on mac browsers? I am very interested if it does!!!!
19
21
Quote
anonymous monkey
Anonymous
Triest
Anonymous
![caffeinated caffeinated](https://www.geeklog.net/forum/image_set/moods/caffeinated.gif)
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...
![](http://www.geeklog.net/images/smiles/banghead.gif)
22
23
Quote
Status: offline
Triest
Forum User
Newbie
Registered: 06/12/04
Posts: 7
This is the piece I have just before the /form in storyeditor.thtml
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
_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 ?
Text Formatted Code
<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
Text Formatted Code
<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 ?
27
24
Quote
Status: offline
samstone
Forum User
Full Member
Registered: 09/29/02
Posts: 820
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
18
20
Quote
korneusz
Anonymous
What I must change /add in my config.php ?? to htmlarea, because it's not work
Any Example ???
Any Example ???
![](http://www.geeklog.net/images/smiles/banghead.gif)
17
25
Quote
Status: offline
samstone
Forum User
Full Member
Registered: 09/29/02
Posts: 820
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:
_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:
<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
I put this in the header.thtml in the head area:
Text Formatted Code
<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:
Text Formatted Code
<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:
Text Formatted Code
<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
25
25
Quote
Status: offline
tt0ne
Forum User
Chatty
Registered: 03/29/04
Posts: 58
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
HeavenlySanctuary.com - "Surf The Innernet!"
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
HeavenlySanctuary.com - "Surf The Innernet!"
15
20
Quote
Status: offline
samstone
Forum User
Full Member
Registered: 09/29/02
Posts: 820
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
19
22
Quote
Status: offline
sammykrupa
Forum User
Junior
Registered: 12/05/04
Posts: 28
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
Sam Krupa
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
Sam Krupa
18
28
Quote
Status: offline
dewdoo
Forum User
Chatty
Registered: 01/03/04
Posts: 65
Quote by NeoNecro:
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 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.
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.
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
Text Formatted Code
return "<html><head><meta http-equiv="refresh" content="0; URL=$url"></head></html>//n";
to this
Text Formatted Code
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.
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
26
21
Quote
surgeon
Anonymous
Quote by samstone: OK, one client forced me to make htmlarea work 100% for him and I finally got it loading 100% of times.
After placing Your code where You pointed, and when i trying to edit some article IE and FireFox says (double):
Text Formatted Code
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.
19
17
Quote
Status: offline
samstone
Forum User
Full Member
Registered: 09/29/02
Posts: 820
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
19
17
Quote
Page navigation
All times are EDT. The time is now 11:12 pm.
- Normal Topic
- Sticky Topic
- Locked Topic
- New Post
- Sticky Topic W/ New Post
- Locked Topic W/ New Post
- View Anonymous Posts
- Able to post
- Filtered HTML Allowed
- Censored Content