[MOD] TinyMCE editor for Story Submission at Step 2

[dollars5]

The following mod will outline how ti integrate tinyMCE with Pligg Story submission step 2. This will be useful for sites which focus on editorial content rather than news submissions.



Steps:
1] copy files tiny_mce to /3rdParty folder (if you chose to get files from the tinyMCE main site then please copy only the folder tiny_mce under /tinymce/jscripts/ to 3rdParty in Pligg base)

2] Enable HTML in submit from admin panel to include the following tags

<br><font><img><p><a><strong><ul><li><ol><u><em><span><pre><h1><h2><h3><hr><embed>

3] Edit Pligg.tpl to have the following lines after the

{checkForJs}

{if $pagename eq "submit"}
		<script language="javascript" type="text/javascript" src="{$my_pligg_base}/3rdparty/tiny_mce/tiny_mce.js"></script>
	{/if}

4] Edit submit_step_2.tpl to have the following lines after

{config_load file="/libs/lang.conf"}

add

{literal}
	<script language="javascript" type="text/javascript">
		tinyMCE.init({
			mode : "exact",
			elements : "bodytext",
			theme : "advanced",
			plugins : "advimage,advlink,emotions,iespell,insertdatetime,preview,media,visualchars,xhtmlxtras",
			theme_advanced_buttons1 : "bold,italic,underline,|,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist,|,insertdate,inserttime,|,forecolor,backcolor,|,hr,removeformat,formatselect",
			theme_advanced_buttons2 : "link,unlink,image,media,|,undo,redo,cleanup,|,code,preview",
			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]",
			browsers : "msie,gecko,opera,safari"
		});
	</script>
{/literal}

I have not tested it fully, only basic testing has been done.

[jitgos]

That's great! Thanks.

[kbeeveer46]

Cool. I'll get tis up and running and see what we can do about adding it to Pligg.

[sridharsri]

how cna i embed Youtube video within tiny MCE?

i am runnign a module of pligg 9.1 which supports videos

[dollars5]

I have not tested but you can try the embed video (a flimstrip icon) in this tinyMCE toolbar to see how it helps - again - that part is untested.

This really is a simplest mod - just only few lines of code from what I have seen on Wordpress and I did it quick so no much testing went through.

If any one interested to improve it - pls do let know know how you have improved in here that would really be nice.

And for mod writters - the TinyMCE comes with a kewl spellchecker - if any one wants to play around with it that would be really good.

[chuckroast]

dollars5

I tested this out and it works pretty well.

[dollars5]

Thanks for reporting Chuck. btw - did you try the video (flash) embed?

[daveyc]

i've actually got a lot of editorial going into my site...but one question: in the admin panel where one adds html tags, it is not staying in the yget template - rather it cuts the line off (usually first four or five in the list, like a maximum characters issue)

any thoughts on why this is happening?

[dollars5]

Tested with yget - but could not confirm the above issue, may be you should try the latest nightly from svn, where this might have been an issue and probably fixed.

[jmruas]

I have now TinyMCE editor in my Pligg.
As my site is in portuguese, I downloaded the portuguese version. Now I have both versions.
Here is the problem: I can't make as default the portuguese version.
Can you help me, please?
Thank you.

José