Topic: Replace that bored and tired looking NiceEdit
Tired of the 'NiceEdit' that ships with vldPersonals?
I much prefer TinyMCE, and fortunately, changing from NiceEdit (not so nice I think) to TinyMCE is very easy.
Below: NiceEdit
Below: TinyMCE
Apart from familiarity, it offers more options and functionality, and functions (I believe personally) in a better way than NiceEdit.
Want to give it a try?
First, download the jQuery version of TinyMCE.
Rather than trying to find your way around the TinyMCE download area, to make it easier, you can get it here.
Unpack this archive, into your root/includes directory, so it's installed as follows:
public_html/includes/tiny_mce
(there will be further subdirectories under the tiny_mce directory, but they don't need our attention.)
Now, open the file /includes/templates/header.tpl
Around line 15, find and DELETE the entry
<script type="text/javascript" src="{virtual_path}includes/js/nicedit.js"></script>
That's right, delete it, erase it, cast it into cyber space.
Now, still in /includes/templates/header.tpl paste the following, just about where you deleted the other line.
<script type="text/javascript" src="{virtual_path}includes/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
mode : "textareas",
plugins : "inlinepopups",
dialog_type : "modal",
theme : "advanced",
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,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_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true
});
</script>You can now save and close /includes/templates/header.tpl
Now, all you need to do is modify two template files:
/includes/templates/pages_edit.tpl
and
/includes/templates/news_edit.tpl
( if you have my vldArticles mod, then you would also have to change
/includes/templates/articles_edit.tpl )
Towards the bottom of the files you will find an entry such as this:
<script type="text/javascript">
$(document).ready(function(){
new nicEditor({
iconsPath: '{virtual_path}includes/js/nicicons.gif',
buttonList:
}).panelInstance('field_body');
});
</script>Delete this entire selection, close and save your files, and voila, you should now have a much better textarea editor than NiceEdit.
Cheers
Last edited by fatlizard (2009-12-14 01:14:06)
