Interactivetools.com Forum: Discontinued Products: Page Publisher: Anyone intergrated a diff wysiwyg editor w/PP?

Home: Discontinued Products: Page Publisher:
Anyone intergrated a diff wysiwyg editor w/PP?

neubeedoo
New User

Apr 2, 2005, 10:12 AM

Post #1 of 6 (4482 views)
Shortcut

Anyone intergrated a diff wysiwyg editor w/PP?	Can't Post

Hello -

I have just recently purchased PP and am loving it!!

However I have a client that will need serious restrictions on the wysiwyg editor, and since htmlarea itself is no longer supported, I was wondering if it is possible for me to intergrate a different wysiwyg editor into PP - I am looking strongly at TinyMCE due to the strong support of CSS (no font or color imput buttons to dirty my code!)

I understand what I need to put in my html pages to make TinyMCE function, but I do not know how to make it play nice with PP ?
- In other words, what changes do I have to make in PP to have type="wysiwyg" call TinyMCE??

I understand that this is probably not a supported task, however any hints or pointers to success stories or other forums that might have solutions would be welcomed!

- k

ross
Staff / Moderator

Apr 2, 2005, 11:57 AM

Post #2 of 6 (4479 views)
Shortcut

Re: [neubeedoo] Anyone intergrated a diff wysiwyg editor w/PP? [In reply to]	Can't Post

Hi.

Thanks for posting and welcome to the board!

Since the discontinuation of htmlArea, we have noticed that more people are looking into having our software use alternate editors. At this point though, we haven’t had a chance to everything worked out.

To get you started though, you’ll want to take a look at your interface templates because there is some htmlArea specific coding here that is setup to only load the old editor.

If you could edit that I think it would be able to load a different editor.

Of course, any success stories from around the community would be great!

Just let us all know how you are making out Smile

.
-----------------------------------------------------------
Cheers,
Ross Fairbairn - Product Specialist
support@interactivetools.com

Hire me!
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with Priority Consulting.

neubeedoo
New User

Apr 10, 2005, 8:12 AM

Post #3 of 6 (4423 views)
Shortcut

Re: [ross] Anyone intergrated a diff wysiwyg editor w/PP? [In reply to]	Can't Post

I am having no luck at replacing the editor. Unsure

First let me say that I know nothing about JS by any stretch of the imagination, and that is big hurdle #1.
#2 - the client uses Firefox in much greater proportion to IE, and therefore it is a MUST that I swap this out if they are to use PP.

Dave (in a post on the htmlarea.com forum) indicated that I would need to edit both )interface.html and _page_menus.html.
I am trying to intergrate "FCKeditor" in place of htmlarea.

_interface.html

Code

  <script language="Javascript1.2"><!-- // load htmlarea   
_editor_url = "$imageurl$htmlarea/";                     // URL to htmlarea files   
var win_ie_ver = parseFloat(navigator.appVersion.split("MSIE")[1]);   
if (navigator.userAgent.indexOf('Mac')        >= 0) { win_ie_ver = 0; }   
if (navigator.userAgent.indexOf('Windows CE') >= 0) { win_ie_ver = 0; }   
if (navigator.userAgent.indexOf('Opera')      >= 0) { win_ie_ver = 0; }   
if (win_ie_ver >= 5.5) {   
 document.write('<scr' + 'ipt src="' +_editor_url+ 'editor.js"');   
 document.write(' language="Javascript1.2"></scr' + 'ipt>');     
} else { document.write('<scr'+'ipt>function editor_generate() { return false; }</scr'+'ipt>'); }   
// --></script>

I no longer need to screen for IE only, so for the new editor I tried:

Code

  <script type="text/javascript"><!-- // load new editor   
_editor_url = "$imageurl$fckeditor/";                     // URL to   editor 
 document.write('<scr' + 'ipt src="' +_editor_url+ 'fckeditor.js"');   
 document.write('</scr' + 'ipt>');    
// --></script>

Now FCKeditor can be called two ways:
it can be called from the head (which I would assume I would need to incorporate into the _interface.html template)

Code

    <head>   
    <script type="text/javascript">   
      window.onload = function()   
      {   
        var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;   
        oFCKeditor.ReplaceTextarea() ;   
      }   
    </script>   
  </head>   
  *** where in the <body> there is a <textarea id="MyTextarea" name="MyTextarea">something</textarea>

In the above case I'd make use of "field$n$" somehow????
The other was is inline (which I would assume would be what I'd need to incorporate into the _page_menus.html template:

Code

  <script type="text/javascript">   
   var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;   
  oFCKeditor.Create() ;   
</script>

The _page_menus.html has two cells:

Code

  <!-- templatecell : wysiwyg -->   
     <tr>   
      <td colspan=3><font size=1><br></font>   
        <table border=0 cellspacing=0 cellpadding=0>   
         <tr>   
          <td><font size=2 face="ms sans serif,arial">$name$</font></td>   
          <td align=right><span id="hide$n$"><font size=2 face="ms sans serif,arial">  
 <input type="radio" name="format$n$" value="text" $text_checked$> Text&nbsp;  
		<input type="radio" name="format$n$" value="html" $html_checked$> HTML&nbsp;</font> </span></td>   
         </tr>   
         <tr><td colspan=2>   
            <textarea name="field$n$" id="field$n$" cols="60" rows=$rows$ wrap=soft>$value$</textarea>   
         </td></tr>   
        </table>   
      </td>   
     </tr>   
<!-- /templatecell : wysiwyg -->

(the above where I'd plave the inline call???????
and

Code

  <!-- templatecell : wysiwygJS -->   
radioOBJArr=document.getElementsByName('format$n$');   
for (var x = 0; x < radioOBJArr.length; x++) {   
  if (radioOBJArr[x].checked) {   
   radioOBJ = radioOBJArr[x];   
   break;   
  }   
}   
  
if(radioOBJ.value=='text'){   
  textareaOBJ=document.getElementById('field$n$');   
  textareaOBJ.value=textareaOBJ.value.replace(/(\r\n|\r|\n)/g,"<br>");   
  // update radio array   
  for (var x = 0; x < radioOBJArr.length; x++) {   
    if (radioOBJArr[x].value=='html') {   
      radioOBJArr[x].checked = true;   
    } else {   
      radioOBJArr[x].checked = false;   
    }   
  }   
}   
  
spanOBJ=document.getElementById('hide$n$');   
spanOBJ.style.display="none";   
editor_generate('field$n$');   
<!-- /templatecell : wysiwygJS -->

Which looks to make the decision as to whether an editor is shown or not - I'm not sure I would need to edit this !?!?

- PLEASE PLEASE PLEASE any help appreciated! I absolutely LOVE the interface and abilities of Page Publisher, but if I cannot swap out htmlarea for an editor that is not IE only, I may have to excercise the 90day MBG, as it will not be useful for this client Unimpressed

THANK YOU

(This post was edited by neubeedoo on Apr 10, 2005, 8:16 AM)

ross
Staff / Moderator

Apr 10, 2005, 10:42 AM

Post #4 of 6 (4419 views)
Shortcut

Re: [neubeedoo] Anyone intergrated a diff wysiwyg editor w/PP? [In reply to]	Can't Post

Hi.

Thanks for the update!

I really wish I was able to lend a hand here, but it just isn’t something that I have a lot of experience in. I’ll definitely be taking a look into this as soon as I can though.

Hopefully in the meantime, the community will be able to help out before your 90 days are up.

If anyone could post up a few tips, that would be great! Smile

.
-----------------------------------------------------------
Cheers,
Ross Fairbairn - Product Specialist
support@interactivetools.com

kingkong
User

Aug 8, 2005, 8:41 AM

Post #5 of 6 (3795 views)
Shortcut

Re: [ross] Anyone intergrated a diff wysiwyg editor w/PP? [In reply to]	Can't Post

Thanks for those tips.

With your code output I was able to throw Tiny_MCE WYSIWYG editor into my installation and instantly get Firefox support for both PC and Mac! Took all of 5 minutes!

Come on interactive tools, this cant take you guys that long to do :)

ross
Staff / Moderator

Aug 8, 2005, 10:54 AM

Post #6 of 6 (3791 views)
Shortcut

Re: [kingkong] Anyone intergrated a diff wysiwyg editor w/PP? [In reply to]	Can't Post

Hi KingKong.

Thanks for the post!

Is there anyway you could post up a few more details on how you setup this up? Perhaps attach the interface templates you modified. Also knowing where you had uploaded the tiny mce files to on your server.

I am really excited to hear you got this working and I would really appreciate any help you could give the rest of our community.

I look forward to hearing from you Smile

.
-----------------------------------------------------------
Cheers,
Ross Fairbairn - Product Specialist
support@interactivetools.com

Search for (options)