WYSIWYG Editor

[Simon]

Not really a mod, just an integration of a cross-browser wysiwyg editor that is easy to set up and use. It now works well on my pligg installation, after some initial problems with conflicting javascript loading.

1.) Download the attached editor package, unzip and upload the folder 'editor' to your pligg root directory. It uses the tiny_mce editor (the best option in my opinion).

2.) Add the code below to the very end of your footer.tpl template file:

<!--WYSIWYG Editor -->
<script language="javascript" type="text/javascript" src="{$my_base_url}{$my_pligg_base}/editor/tiny_mce_gzip.php"></script>
{literal}
<script language="javascript" type="text/javascript">
tinyMCE.init({
    mode : "textareas",
    theme : "advanced",
    theme_advanced_buttons1 : "bold,italic,underline,forecolor,separator,strikethrough,justifyleft,justifycenter,justifyright,justifyfull,separator,bullist,numlist,separator,undo,redo,link,unlink,separator,code",
    theme_advanced_buttons2 : "",
    theme_advanced_buttons3 : "",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_path_location : "bottom",
    extended_valid_elements : "a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]"
});
</script>
{/literal}
<!--// WYSIWYG Editor -->

You can alter the size of the displayed editor by changing the rows and cols values associated with any <textarea> tags, in templates such as comment_form.tpl and submit_step_2.tpl. To customise the look of the editor, you can add or remove buttons in the "theme_advanced_buttons1" line of the script above.

PS. if anyone knows of a conditional to only display the footer script when there is a <textarea> tag present, please post!

[3dKiller]

Simon,

I tried this out on your demo site (in Firefox 1.5.0.3), but it didn't give the desired results. Yes, it works within the editor itself, but does not print correctly in comments after posting.

I would love to see this work, with spell check! Thanks for trying.

~3d

[KingPin]

it probably wont print out correctly till you allow the html commands used in the editor in your config.cfg file

[3dKiller]

Originally Posted by KingPin

it probably wont print out correctly till you allow the html commands used in the editor in your config.cfg file

KingPin,

Thanks for info. I'm wondering if anyone has tried this, and got it to work?

~3d

[sbarky]

hi guys do you know if this is working? Great idea btw!

[AshDigg]

The next step is to open submit_step_3.tpl in your templates folder and change line 17 from

$linkres->content = strip_tags(trim($_POST['bodytext']), Story_Content_Tags_To_Allow);


to

$linkres->content = trim($_POST['bodytext']);

[sbarky]

Thanks Ash. As always, much appreciated!!!

Any thoughts as to if this will be added as part of the standard package?

[AshDigg]

There are still some bugs to be worked out before it can be added. Like if there are too many lines of text, the "comments" form gets squished and you can't enter comments. Once we get little things like that worked out it'll be added as an option in the config.php file.

[williamboliver]

I modified the lines of text in my template and have the editor working great. I decided to get a little adventurous and add spellcheck to the editor plugins. With firefox, it works great. In IE6 I get a runtime error. Has anyone else figured out a way to get the spellcheck plugin working with IE? I think this issue is in the compression page, but not sure how to track it down and debug.

[3dKiller]

@ash - This would be a nice feature for the 'editorial/blog' function, otherwise - pass.

@williamboliver - URL?

~3d