BBCode - WYSIWYG-editor using TinyMCE
Posted by Thomas Seifert
|
July 10, 2007 01:44PM |
I hacked together this mod some weeks ago and even though I don't think that its finished I'd like to post it here.
Thats why I call it version 0.1 and "Preview" ;).
Once enabled it adds a small link to the post-form which enables the wysiwyg editor with some selected options for Firefox and Internet Explorer with JS enabled.
I also added the spellchecker plugin which uses the Google-Webservice for spell-checking (guess it needs either curl or external socket connections to do this).
As the archive is 603kB I uploaded it externally.
You can download the module there:
[projekte.mysnip.de]
Here is the readme-part:
Thomas Seifert
Phorum Development Team / Mysnip-Solutions.de
Custom Phorum and general software development
worry-free Phorum Hosting
Thats why I call it version 0.1 and "Preview" ;).
Once enabled it adds a small link to the post-form which enables the wysiwyg editor with some selected options for Firefox and Internet Explorer with JS enabled.
I also added the spellchecker plugin which uses the Google-Webservice for spell-checking (guess it needs either curl or external socket connections to do this).
As the archive is 603kB I uploaded it externally.
You can download the module there:
[projekte.mysnip.de]
Here is the readme-part:
Quote
Module : Phorum TinyMCE-Editor (Preview)
Version : 0.1
Author : Thomas Seifert <thomas@phorum.org>
This module will add a button to toggle the tinymce wysiwyg editor
in the posting-form to add bbcode in a visual way.
Install:
--------
- Unpack the archive;
- Move the directory "tinymce_editor" to the directory "mods"
within your Phorum installation;
- Login as administrator in Phorum's administrative interface and
go to the "Modules" section;
- Enable the module "TinyMCE WYSIWYG Editor".
- Enable the "BBcode" module
TinyMCE
-------
TinyMCE is a complete js-based wysiwyg-editor for most used browsers.
Its written by Moxiecode Systems AB and can be found at
[tinymce.moxiecode.com]
Its released under the LGPL license.
This integration is based on the previous bbcode-integration for PunBB found in
[tinymce.moxiecode.com] .
Thomas Seifert
Phorum Development Team / Mysnip-Solutions.de
Custom Phorum and general software development
worry-free Phorum Hosting
|
July 20, 2007 07:12AM |
I have just upgraded to 5.1.23, disabled the Editor Tools module and installed the new TinyMCE module.
As soon as I load the posting.php I get a Javascript error: "Line 1013. Error: Object doesn't support this property or method".
When I click "Toggle WYSIWYG-Editor" I get a Javascript error: "Line 1: Error: 'invalid_elements' is null or not an object."
I have BBCode enabled, but tried disabling and reenabling it to no effect.
Hope this is helpful, I'd love to see the working module!
/\dam
--
My notable Phorum sites:
Movie Deaths Database - "review comments" system mostly powered by Phorum
Learn Chinese! - integrated forum quiz
As soon as I load the posting.php I get a Javascript error: "Line 1013. Error: Object doesn't support this property or method".
When I click "Toggle WYSIWYG-Editor" I get a Javascript error: "Line 1: Error: 'invalid_elements' is null or not an object."
I have BBCode enabled, but tried disabling and reenabling it to no effect.
Hope this is helpful, I'd love to see the working module!
/\dam
--
My notable Phorum sites:
Movie Deaths Database - "review comments" system mostly powered by Phorum
Learn Chinese! - integrated forum quiz
|
July 20, 2007 07:13AM |
Quote
Thats why I call it version 0.1 and "Preview" ;).
but I think maurice got it to work on his 5.2 install, maybe he can post the changes ...
Thomas Seifert
Phorum Development Team / Mysnip-Solutions.de
Custom Phorum and general software development
worry-free Phorum Hosting
|
July 20, 2007 07:28AM |
No problem, I just wanted to report that I'd tried it.
Maurice, do you have it running alongside Editor Tools?
Also, I'm curious to know whether your [ center ] tags work? They were what caused me problems (especially when used around images) when I tried to get TinyMCE's BBCode module to work.
/\dam
--
My notable Phorum sites:
Movie Deaths Database - "review comments" system mostly powered by Phorum
Learn Chinese! - integrated forum quiz
Maurice, do you have it running alongside Editor Tools?
Also, I'm curious to know whether your [ center ] tags work? They were what caused me problems (especially when used around images) when I tried to get TinyMCE's BBCode module to work.
/\dam
--
My notable Phorum sites:
Movie Deaths Database - "review comments" system mostly powered by Phorum
Learn Chinese! - integrated forum quiz
|
July 20, 2007 08:15AM |
They work along fine, but there's not really something to work along, because they do very different things. I had some changes to make things work, but I am afraid I did something stupid. I have a dev and a live site. On the dev site, I had a working editor, but I synced my live site to the dev site for implementing the latest 5.2-dev code in my site software. That deleted the test setup of this module, so currently I have no working code anymore :-(
*gosh how stupid :-/*
Maurice Makaay
Phorum Development Team
my blog 
linkedin profile 
secret sauce
*gosh how stupid :-/*
Maurice Makaay
Phorum Development Team
my blog linkedin profile secret sauce
|
July 20, 2007 08:21AM |
and another vote for using svn ;).
Thomas Seifert
Phorum Development Team / Mysnip-Solutions.de
Custom Phorum and general software development
worry-free Phorum Hosting
Thomas Seifert
Phorum Development Team / Mysnip-Solutions.de
Custom Phorum and general software development
worry-free Phorum Hosting
|
July 20, 2007 08:53AM |
@ Maurice: Ouch!
@ Thomas: do you have a link I can see the module running on (I won't post anything to a live site) - thanks!
/\
--
My notable Phorum sites:
Movie Deaths Database - "review comments" system mostly powered by Phorum
Learn Chinese! - integrated forum quiz
@ Thomas: do you have a link I can see the module running on (I won't post anything to a live site) - thanks!
/\
--
My notable Phorum sites:
Movie Deaths Database - "review comments" system mostly powered by Phorum
Learn Chinese! - integrated forum quiz
|
July 20, 2007 09:03AM |
Sure, you can try it here [phorumdev.mysnip.de]
Just a development version. Post at will :).
Thomas Seifert
Phorum Development Team / Mysnip-Solutions.de
Custom Phorum and general software development
worry-free Phorum Hosting
Just a development version. Post at will :).
Thomas Seifert
Phorum Development Team / Mysnip-Solutions.de
Custom Phorum and general software development
worry-free Phorum Hosting
|
July 20, 2007 09:13AM |
Thanks Thomas - it looks great!
As I suspected though, the [ center ] tag doesn't seem to work. I tried hacking in a fix on my prototype module, but it never worked correctly with other tags such as images.
/\dam
--
My notable Phorum sites:
Movie Deaths Database - "review comments" system mostly powered by Phorum
Learn Chinese! - integrated forum quiz
As I suspected though, the [ center ] tag doesn't seem to work. I tried hacking in a fix on my prototype module, but it never worked correctly with other tags such as images.
/\dam
--
My notable Phorum sites:
Movie Deaths Database - "review comments" system mostly powered by Phorum
Learn Chinese! - integrated forum quiz
|
July 20, 2007 10:18AM |
Sorry, only registered users may post in this forum.