How to: Replace the current WYSIWYG editor with InnovaStudio WYSIWYG Editor

jamesM

I did not like the old and outdated WYSIWYG editor that came with kayako and I own a licence for InnovaStudio WYSIWYG's editor and I have to say it is one of the better editors so I thought I would install it.

Created a folder in includes eg includes\wysiwyg and uploaded the Innovastudio editor

Edit cpheader.tpl and have a look for <{if $htmlarea eq true}> and make these changes

Code:

</script>
<{if $htmlarea eq true}>
<script type="text/javascript" src="<{$swiftpath}>includes/WYSIWYG/scripts/innovaeditor.js"></script>
<{/if}>
<{processCPMenu area=$area}>
<script language="Javascript">

<{/if}><{if $prvmsgshow eq true}>	var x = confirm("<{$language[newprvmsgconfirm]}>");	if (x) {window.open('index.php?_m=core&_a=privatemessages&popupshow=1');}<{/if}>
	<{if $refreshtime != 0}>setTimeout("refreshPage();",<{$refreshtime}>000);<{/if}>
</script>

</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="<{$themepath}>bgblocks.gif">

I had to remove this line I was not sure that it was doing (if any one knows llet me know)

Code:

window.$IRS = globalirs = new IRSAutoComplete(document.getElementById('staffirs'))

You also need to make some changes to functions_html.php

PHP Code:

  * Prints a WYSIWYG htmlarea area row

*/

function printhtmlAreaRow($name, $title, $value = "", $numlines = "20", $iscontenthtml = 1) {

    global $_SWIFT;

    if (empty($name)) {

        return false;

    }

 
    $data = array();

    $data[0]["value"] = '<table border="0" cellpading="0" cellspacing="0" width="98%"><tr><td align="left"><textarea class="swifttextarea" name="'. $name .'" id="'. $name .'" style="WIDTH:100%;" cols="80" rows="'. $numlines .'">'. htmlspecialchars($value) .'</textarea><script>var oEdit1 = new InnovaEditor("oEdit1"); oEdit1.width="100%"; oEdit1.height=200; oEdit1.cmdAssetManager="modalDialogShow(\'/includes/wysiwyg/assetmanager/assetmanager.php\',640,445);";  oEdit1.REPLACE("'. $name .'");</script> </td></tr></table>'.SWIFT_CRLF;

    $data[0]["align"] = "left";

    $data[0]["colspan"] = "2";

 
    addHiddenField("iscontenthtml", $iscontenthtml);

    printDescRow($title);

    printDataRow($data);

}

 
/**

Thats it there are a lot of options you can pass to the editor through javascript (you might see I have added the asset manager) looks a little bit messy so will have to see if that can be cleaned up

AKL-MFCU · **i like it -** 13-07-2006, 06:24 PM

i like your documentation on this, by the way the line:

window.$IRS = globalirs = new IRSAutoComplete(document.getElementById('staffirs' ))

is the instant response stsystem being pulled by the staff side when they type in a reply in their ticket it would pull up relevant knowledgebase articles as well. I didn't think it used the wysiwyg editor.

IanWild · 13-07-2006, 09:49 PM

It's the wrong place to ask... But does anyone know whether there is a WYSIWYG editor that allows you to paste images in and have them automatically uploaded to the server and linked to within the document - That would make the job of importing all the word based documentation I have so much easier :-)

Even if I had to manually upload them, rather than FTP them seperately and then insert links, that would be better though.

Or has anyone found another easy way to do this?

Ian

jamesM · 13-07-2006, 11:50 PM

I need to find a better way of passing all the different InnovaStudio parameters to the editor at the moment they are past in the $data[0]["value"] array in just a javascript tag but there are heaps more to add to be able to customise the editor the problem is you have to include them right after the textarea tag and having them in just one lone line makes it very hard to read and debug. I don't know php that well so will have to do some reading up on it.

IanWild I used InnovaStudio because of that fact I have lots of PDF and word files that I need to publish InnovaStudio and it has a paste from word option. But I have not heard of an editor where you can drag and drop images and auto upload. InnovaStudio has a nice asset manager and that was one of the reasons I used it.

kaviar · 30-07-2006, 10:25 PM

I'm also interested in finding a way to upload images to knowledgebase articles instead of linking them. As Ian said, it will save a lot of time in adding articles to the knowledgebase.

Cheers

Kav

Xolphin · 19-09-2007, 05:14 PM

Kaviar, you can integrate image uploading by using http://tinymce.moxiecode.com/paypal/...ilemanager.php. I am using it with very succesfull results in Kayako (you only need to edit themes/admin_default/cpheader.tpl to make it work).

(this is kinda of a double post, so other people can find this article when they search for knowledgebase file uploads in Google, like I did, sorry about the multiple messages with the same links)

kev · **InnovaStudio -** 19-03-2008, 03:41 PM

I have recently had to fix a website which has the Innova Studio package linked to the site. The problem that i am having is that i am able to edit the text from the pages within the site. I then need the text on the pages to be updated with the new edited text.

I dont even no if it is capable of this or it is just used for editing and formatting the text on a page.

i have looked for help files on this and found out that they need to be paid for which is no good.

Can anybody who knows more about this package please help.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

LinkBacks (?) LinkBack to this Thread: http://forums.kayako.com/f48/how-replace-current-wysiwyg-editor-innovastudio-wysiwyg-editor-8258/
Posted By	For	Type	Date
change the default vb editor with another one - Admin Zone Forums	This thread	Refback	24-05-2008 11:35 PM

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Tickets - WYSIWYG editor	elephant	Think Tank	67	12-10-2009 11:20 PM

AKL-MFCU Offline Member Posts: 98 Join Date: Feb 2006 Location: Lakeland, Florida - USA	i like it - 13-07-2006, 06:24 PM i like your documentation on this, by the way the line: window.$IRS = globalirs = new IRSAutoComplete(document.getElementById('staffirs' )) is the instant response stsystem being pulled by the staff side when they type in a reply in their ticket it would pull up relevant knowledgebase articles as well. I didn't think it used the wysiwyg editor.

kaviar Offline Member Posts: 69 Join Date: Dec 2005 Location: Brisbane, Australia	30-07-2006, 10:25 PM I'm also interested in finding a way to upload images to knowledgebase articles instead of linking them. As Ian said, it will save a lot of time in adding articles to the knowledgebase. Cheers Kav