nice work is very nice

hey man you can make a tuto for install the tinyMCE in punbb only with files necessary, please
i try but my problem was in the parser

Last edited by Azakur4 (2005-10-05 18:27:31)

Don't have any time to make a tutorial for that, view the source and follow what ive wrote in punbb forum and here. It's not that much you need to do.

Many thanks Afraithe for implementing TinyMCE in punBB! Here is how I did it (starting of course from your guidelines). Hope this can help other people.

- install TinyMCE.

- install PunBB (e.g in /punbb/).

- copy tinymce_integration.js (http://tinymce.moxiecode.com/punbb/incl … gration.js) into /punbb/include/tinymce_integration.js. You may also try my version of tinymce_integration.js (I added a few regexps for a better code translation).

- copy code.gif (from http://tinymce.moxiecode.com/punbb/style/code.gif) and tinymce.css (from http://tinymce.moxiecode.com/punbb/style/tinymce.css) into /punbb/style.

- in /punbb/include/template/main.tpl, add the following lines just after <pun_head>:

<!-- tinymce -->
<script language="Javascript" src="/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript" src="/punbb/include/tinymce_integration.js"></script>
<!-- /tinymce -->

- in /punbb/view_topic.php and /punbb/edit.php, search for the string "process_form(this)" and replace it with "submitForm(this)" (note: submitForm() is defined in tinymce_integration.js).

In the same file, add the following line in the <ul class="bblinks"> block:

<li><a href="javascript: toggleTinyMCE();">Toggle TinyMCE</a> (Experimental)</li>

- in /punbb/post.php, search for the <form> tags and, before both calls to process_form(this), add a call to submitForm(this). Example:

onsubmit="submitForm(this); return process_form(this)"

Bugs still to be fixed:
- in Mozilla, after posting, you are not automatically redirected.

I hope I forgot nothing important...

Thanks a bunch for this...it's fitting in nicely to my site redesign. Shame the formatting buttons don't work, though the hotkeys do.

At least it does the same thing here as it does on mine, so it's not something I've done.

Nice mod.  With a little bit of hacking anyone can get this into any forum.

However, the toggle function is kinda weird for Opera.  It's asks for some function I haven't seen before in the bbcode script:

TinyMCE_advanced_getEditorTemplate

That's the error message it shoots out (just a little word of warning).

I integrated it nicely into my phpbb forum.  Thanks!

The latest one (8.5).  But I must apologize for not looking at the compatibility chart.  Says it only worked on 9 (preview).  Scratch that...

I am working on a version of this code that works on phpbb.  The only things that needs to be added is the lists and the font sizes (and possibly a graphic button for the toggle button) and some of the smileys (although that's gonna be tricky seeing as how the administrators can change them at any time.

You can see it in action here:

http://www.shockcannon.com/skmun/forum/ … c&f=13

Its interesting cause I wrote the RegExps in PHP instead of in Javascript.  I need to make a second pass on my mod based on this and convert everything to run client-side. That would save the server a LOT of work.

In order to combat most of the problems with adding in font size changes, etc. I forced TinyMCE to spill everything out in span tags and then enabled those in PHPBB. That allows TinyMCE a lot more breathing room, and makes the output look a lot better.

God Bless,
-Dan

Many thanks Afraithe for implementing TinyMCE in punBB! Here is how I did it (starting of course from your guidelines). Hope this can help other people.

- install TinyMCE.

- install PunBB (e.g in /punbb/).

- copy tinymce_integration.js (http://tinymce.moxiecode.com/punbb/incl … gration.js) into /punbb/include/tinymce_integration.js. You may also try my version of tinymce_integration.js (I added a few regexps for a better code translation).

- copy code.gif (from http://tinymce.moxiecode.com/punbb/style/code.gif) and tinymce.css (from http://tinymce.moxiecode.com/punbb/style/tinymce.css) into /punbb/style.

- in /punbb/include/template/main.tpl, add the following lines just after <pun_head>:

Code:

<!-- tinymce -->
<script language="Javascript" xsrc="/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript" xsrc="/punbb/include/tinymce_integration.js"></script>
<!-- /tinymce -->

- in /punbb/view_topic.php and /punbb/edit.php, search for the string "process_form(this)" and replace it with "submitForm(this)" (note: submitForm() is defined in tinymce_integration.js).

In the same file, add the following line in the <ul class="bblinks"> block:

Code:

<li><a xhref="javascript: toggleTinyMCE();">Toggle TinyMCE</a> (Experimental)</li>

- in /punbb/post.php, search for the <form> tags and, before both calls to process_form(this), add a call to submitForm(this). Example:

Code:

onsubmit="submitForm(this); return process_form(this)"

Bugs still to be fixed:
- in Mozilla, after posting, you are not automatically redirected.

I hope I forgot nothing important...

Thanks for this explanation of getting PunBB "TinyMCE'd", but i don't understand this part:

- in /punbb/post.php, search for the <form> tags and, before both calls to process_form(this), add a call to submitForm(this). Example:

Code:

onsubmit="submitForm(this); return process_form(this)"

My comprehension for PHP language is poor, and i think you should post the complete code.

Could you do this, please?

I'm trying to intergrate tinymce into punbb following the above instructions but the link   http://tinymce.moxiecode.com/punbb/style/code.gif  shows a webpage with just the word "code:" 

Does anyone know where and how to obtain this file?

Thanks in advanced for any help.

SteveW

@Stevew
Mate thats an image file. It's not a web page. Although when you click that link in your browser it will display that code.gif image. You should notice that the word code is not selectable thus its an image. Obtaining it is simply a matter of right clicking on it and you will get a save option.

@vorapop
Simply follow the instructions set out to set it up for PunBB. Most developers simply just do a view source but for this you are better off following the great tutorial in one of the earlier pages that a member wrote up. If you follow that you won't have any trouble.

@Afraithe
Just wanted to know if there was any new progress on this TinyMCE PunBB implementation?? I know you mentioned about a few bugs that you found. Just wanted to see if you ever got around to fixing them. A great implementation though for a great piece of forum software so keep it up! TinyMCE is simply the best. I was checking out the full example for TinyMCE and didn't see a code/pre option. Is there an option where you can have it enter a pre or code tag?? Thanks for all your great work.

Last edited by JJfutbol (2006-08-30 17:41:49)