Firefox PHP

BBCode - WYSIWYG-editor using TinyMCE

Posted by Thomas Seifert 
BBCode - WYSIWYG-editor using TinyMCE
July 10, 2007 02: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:
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
Re: BBCode - WYSIWYG-editor using TinyMCE
July 20, 2007 08: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
Re: BBCode - WYSIWYG-editor using TinyMCE
July 20, 2007 08: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
Re: BBCode - WYSIWYG-editor using TinyMCE
July 20, 2007 08: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
Re: BBCode - WYSIWYG-editor using TinyMCE
July 20, 2007 09: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
Re: BBCode - WYSIWYG-editor using TinyMCE
July 20, 2007 09:21AM
and another vote for using svn ;).


Thomas Seifert
Re: BBCode - WYSIWYG-editor using TinyMCE
July 20, 2007 09: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
Re: BBCode - WYSIWYG-editor using TinyMCE
July 20, 2007 10:03AM
Sure, you can try it here [phorumdev.mysnip.de]
Just a development version. Post at will :).


Thomas Seifert
Re: BBCode - WYSIWYG-editor using TinyMCE
July 20, 2007 10: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
Re: BBCode - WYSIWYG-editor using TinyMCE
July 20, 2007 11:18AM
Very nice!

will this be available soon?

Thanks

[opensourceCMS.com]
[ongetc.com]
Chanh Ong
Sorry, only registered users may post in this forum.

Click here to login