I posted this in another thread but I am so enthusiastic about it I will cross post just once.
There is a way to install a different html editor: ckeditor combined with ckfinder. Both are free under open source licenses.
here's how to do it:
1. install ckeditor in /js/
2. install ckfinder in /js/ (also, config ckfinder)
3. replace <script language="JavaScript" type= "text/javascript" src="../js/editor.js"></script> from the head of your page with
<script type="text/javascript" src="path to/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="path to/online/js/ckfinder/ckfinder.js"></script>
then search in the html page for the textarea bits which allow you to write your info.
Under these text areas you will find this:
<script language= "JavaScript" type= "text/javascript">
<!-- var editor_sd = new VA_HTMLeditor('content_sd','../','{html_editor}');
editor_sd.text_field_name = 'short_description';
editor_sd.formname = 'record';
editor_sd.css_file = '{css_file}';
editor_sd.editor_type = 'manuals_category_editor';
editor_sd.displayEditor('editor_sd', 565, 100);
//-->
</script>
replace this with:
<script type="text/javascript">
CKEDITOR.replace( 'COPY THE NAME OF THE TEXTAREA HERE',
{
filebrowserBrowseUrl : '../js/ckfinder/ckfinder.html',
filebrowserImageBrowseUrl : '../js/ckfinder/ckfinder.html?Type=Images',
filebrowserFlashBrowseUrl : '../js/ckfinder/ckfinder.html?Type=Flash',
filebrowserUploadUrl : '../js/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
filebrowserImageUploadUrl : '../js/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
filebrowserFlashUploadUrl : '../js/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
});
</script>
this should do the trick, however there is still a security issue stemming from ckfinder and session authorization so I would recommend to use this only for the admin pages, not for users since the access level permissions cannot be set yet...
this is going to be tricky, I am gonna need some help with this as I am not geeky enough to get this working...
any ideas anyone?
another really cool thing is that I discovered that this editor will give you the possibility to place divs inside the editor. this opens up enormous possibilities for the design of your page!
for this you enter this in the source of the editor, use (code) button:
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 146px; top: 90px;">Here is a floating layer</div>
as you can see this has z-index, so overlapping is possible and absolute positioning!
yippie!
