TinyMCE in QuickCMS

tmcguire

2007-12-16 18:56

I got TinyMCE working in Quick.CMS 2 lite.

Here's how.

goto http://tinymce.moxiecode.com/download.php and download tinymce.

Unzip it and place the folder tiny_mce which is inside of the jscripts folder into the root of your website like this: http://www.yoursite.com/tiny_mce

Next open /templates/admin/edit.tpl

Replace:
<script language="javascript" type="text/javascript" src="$config[dir_plugins]tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
theme : "quick",
mode : "exact",
elements : "sDescriptionShort,sDescriptionFull,sContent",
debug : false
});
</script>



With:

<script language="javascript" type="text/javascript" src="/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
skin : "o2k7",
plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatet ime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonb reaking,xhtmlxtras,template",

// Theme options
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyf ull,|,styleselect,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo ,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor" ,
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr ,rtl,|,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualc hars,nonbreaking,template,pagebreak",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,

// Example content CSS (should be your site CSS)
content_css : "/tiny_mce/themes/advanced/skins/default/content.css"
});
</script>

After doing that I had a problem where the icons on the tinymce were spaced out. To fix it i did the following.

Then open /templates/admin/style.css
Find:
#mainForm #type1 .l1 td{padding:10px;border-bottom:1px solid #aaa;background:#e9e9e9;}

Replace with:
#mainForm #type1 .l1 td{padding:0px;border-bottom:1px solid #aaa;background:#e9e9e9;}


I'm sure I forgot something but that should get it going.
I'll try to find a file uploader also for tinymce so that I can add files to the server also.

-Tom

» Quick.Cms v2.x

cgan

2007-12-16 23:54

tmcguire - why do you not use the TinyMCE editor which is included in QuickCMS LIte v2.0?
You just log in to administration/settings, and to the right you have Options.
A bit down under Options you can read WYSWIG editor.
You can choose Yes or No. Yes will activate the TinyMCE editor and No deactivate.
Tell me why you don't use that one?

cgan

2007-12-17 00:04

By the way &#8211; have anyone tested Spaw 2 editor with QuickCMS v2? More here: http://www.spaweditor.com/en/disp.php/en_products/en_spaw/en_spaw_intro

smithshome

2008-01-23 13:34

I can get this to install and work but saves do not work, any idea