Tinymce WYSIWYG for Admin

[echo@]

This is how to enable a WYSIWYG editor for IndexU backend.

First make a backup of header.html in admin_tpl

Then edit the header.html file,

Go to the top of the file and add the following

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


    theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect,fontsizeselect",
    
    
    theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,code",
    theme_advanced_buttons3 : "insertdate,inserttime,preview,|,forecolor,backcolor,tablecontrols,|,hr,removeformat,visualaid",
    theme_advanced_buttons4 : "|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl",
    // theme_advanced_buttons5 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,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 : "tinymce/examples/css/content.css",

    // Drop lists for link/image/media/template dialogs
    template_external_list_url : "lists/template_list.js",
    external_link_list_url : "tinymce/examples/lists/link_list.js",
    external_image_list_url : "tinymce/examples/lists/image_list.js",
    media_external_list_url : "tinymce/examples/lists/media_list.js",

    
    }
});
</script> 

Add just under the part

<%include file="header.html"
          title="Add a Listing"
          meta_keywords=""
          meta_description=""
%> 

then download tinymce here

once downloaded extract into your root of indexu.

For the script to work you must make sure that the path to FCKeditor
is exactly this for it to work.

tinymce/jscripts/tiny_mce/tiny_mce.js
tinymceexample.JPG

once this is done clear your templates_c and then browse your backend

you should get something like this

tinywysiwyg.JPG

I have modified the tool bar so the buttons break nicely for the next line,

this will apply to every text area in the backend, ie: Add Links, Add Categories

[Bruceper]

Nice. Just out of curiousity, did you try making this as a plugin?

I have barely looked at v6 code yet, so I don't even know if this could be a plugin.

[echo@]

No, i dont know how to yet

is there any documentation how to create templates in ver 6?

[Bruceper]

To create templates or plugins?

There are neither right now, but Dody has included a plugin that allows users to test hooks.