Adobe Flex, FCKEditor and DHTML

<script type="text/javascript" src="fckeditor/fckeditor.js"></script> 

<input type="button" value="Show FCK" onClick="javascript:showWysiwyg()">
<input type="button" value="Hide FCK" onClick="javascript:hideWysiwyg()">


<div id="wysiwyg" style="z-index:2; visibility: hidden; background-color:white; position:absolute; left: 20px; right: 20px; top: 100px; border-style: solid; border-width: thin;">

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

   function showWysiwyg() {
      document.getElementById("wysiwyg").style.visibility = 'visible';
   }

   function hideWysiwyg() {
      document.getElementById("wysiwyg").style.visibility = "hidden";
   }


</script>

</div>

<script type="text/javascript" src="/fckeditor/fckeditor.js"></script>
<script language="JavaScript" type="text/javascript">
function hideIFrame(){
   document.getElementById("wysiwyg").style.visibility = 'hidden';
}
   
function showIFrame(){
   document.getElementById("wysiwyg").style.visibility = 'visible';
}
</script>

<div id="wysiwyg" style="z-index:40; visibility: hidden; background-color:white; position:absolute; left: 20px; right: 20px; top: 20px; border-style: solid; border-width: thin;">
Testing
<script language="JavaScript" type="text/javascript">
    var oFCKeditor = new FCKeditor('message');
    oFCKeditor.BasePath = "/fckeditor/";
    oFCKeditor.ToolbarSet = "Basic";
    oFCKeditor.Height = "300";
    oFCKeditor.Width = "100%";
    oFCKeditor.Value = "<p>This is the initial text in the editor</p>";
    oFCKeditor.Create();
</script>
</div>

<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
   xmlns="*"
   xmlns:mx="http://www.adobe.com/2006/mxml" 
   layout="absolute">

<mx:Script>
   <![CDATA[

      import mx.controls.Alert;

      private function FCKON():void
      {
         var urlRequest:URLRequest = new URLRequest("javascript:showIFrame()");
         navigateToURL(urlRequest,"_self");
      }

      private function FCKOFF():void
      {
         var urlRequest:URLRequest = new URLRequest("javascript:hideIFrame()");
         navigateToURL(urlRequest,"_self");
      }
   ]]>
</mx:Script>


<mx:RichTextEditor id="rt" width="400" height="400" x="28" y="53"/>
   <mx:ComboBox x="28" y="23"></mx:ComboBox>
   <mx:DateField x="287" y="23"/>
   <mx:Button x="28" y="477" click="FCKON()" label="FCK ON"/>
   <mx:Button x="123" y="477" click="FCKOFF()" label="FCK OFF"/>
   <mx:Button x="212" y="477" label="Button"/>
</mx:Application>

Tue, 07/21/2009 - 16:12

btate

Joined: 15/07/2009

Posts: 54

Re: Adobe Flex, FCKEditor and DHTML

Tue, 07/21/2009 - 16:51

btate

Joined: 15/07/2009

Posts: 54

Re: Adobe Flex, FCKEditor and DHTML

<!-- saved from url=(0014)about:internet -->
<html lang="en">
 
<!-- 
Smart developers always View Source. 

This application was built using Adobe Flex, an open source framework
for building rich Internet applications that get delivered via the
Flash Player or to desktops via Adobe AIR. 

Learn more about Flex at http://flex.org 
// -->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--  BEGIN Browser History required section -->
<link rel="stylesheet" type="text/css" href="history/history.css" />
<!--  END Browser History required section -->

<title>${title}</title>
<script src="AC_OETags.js" language="javascript"></script>

<!--  BEGIN Browser History required section -->
<script src="history/history.js" language="javascript"></script>
<!--  END Browser History required section -->

<style>
body { margin: 0px; overflow:hidden }
</style>
<script language="JavaScript" type="text/javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = ${version_major};
// Minor version of Flash required
var requiredMinorVersion = ${version_minor};
// Minor version of Flash required
var requiredRevision = ${version_revision};
// -----------------------------------------------------------------------------
// -->
</script>
</head>

<body scroll="no">
<script language="JavaScript" type="text/javascript">
<!--
// Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
var hasProductInstall = DetectFlashVer(6, 0, 65);

// Version check based upon the values defined in globals
var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);

if ( hasProductInstall && !hasRequestedVersion ) {
   // DO NOT MODIFY THE FOLLOWING FOUR LINES
   // Location visited after installation is complete if installation is required
   var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
   var MMredirectURL = window.location;
    document.title = document.title.slice(0, 47) + " - Flash Player Installation";
    var MMdoctitle = document.title;

   AC_FL_RunContent(
      "src", "playerProductInstall",
      "FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
      "width", "${width}",
      "height", "${height}",
      "align", "middle",
      "id", "${application}",
      "quality", "high",
      "bgcolor", "${bgcolor}",
      "wmode", "opaque", 
      "name", "${application}",
      "allowScriptAccess","sameDomain",
      "type", "application/x-shockwave-flash",
      "pluginspage", "http://www.adobe.com/go/getflashplayer"
   );
} else if (hasRequestedVersion) {
   // if we've detected an acceptable version
   // embed the Flash Content SWF when all tests are passed
   AC_FL_RunContent(
         "src", "${swf}",
         "width", "${width}",
         "height", "${height}",
         "align", "middle",
         "id", "${application}",
         "quality", "high",
         "bgcolor", "${bgcolor}",
         "wmode", "opaque", 
         "name", "${application}",
         "allowScriptAccess","sameDomain",
         "type", "application/x-shockwave-flash",
         "pluginspage", "http://www.adobe.com/go/getflashplayer"
   );
  } else {  // flash is too old or we can't detect the plugin
    var alternateContent = 'Alternate HTML content should be placed here. '
     + 'This content requires the Adobe Flash Player. '
      + '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
    document.write(alternateContent);  // insert non-flash content
  }
// -->
</script> 
<noscript>
     <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
         id="${application}" width="${width}" height="${height}"
         codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
         <param name="movie" value="${swf}.swf" />
         <param name="quality" value="high" />
         <param name="bgcolor" value="${bgcolor}" />
         <param name="allowScriptAccess" value="sameDomain" />
         <param name="wmode" value="opaque" /> 
         <embed src="${swf}.swf" quality="high" bgcolor="${bgcolor}"
            width="${width}" height="${height}" name="${application}" align="middle"
            play="true"
            loop="false"
            quality="high"
            allowScriptAccess="sameDomain"
            type="application/x-shockwave-flash"
            pluginspage="http://www.adobe.com/go/getflashplayer">
         </embed>
   </object>
</noscript>
   
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script language="JavaScript" type="text/javascript">
function hideIFrame(){
   document.getElementById("wysiwyg").style.visibility = 'hidden';
}
   
function showIFrame(){
   document.getElementById("wysiwyg").style.visibility = 'visible';
}
</script>

<div id="wysiwyg" style="z-index:40; visibility: hidden; background-color:white; position:absolute; left: 20px; right: 20px; top: 20px; border-style: solid; border-width: thin;">

<script language="JavaScript" type="text/javascript">
    var oFCKeditor = new FCKeditor('message');
    oFCKeditor.BasePath = "fckeditor/";
    oFCKeditor.ToolbarSet = "Basic";
    oFCKeditor.Height = "300";
    oFCKeditor.Width = "100%";
    oFCKeditor.Value = "<p>This is the initial text in the editor</p>";
    oFCKeditor.Create();
</script>
</div>

</body>
</html>

Thu, 08/06/2009 - 20:54

btate

Joined: 15/07/2009

Posts: 54

Re: Adobe Flex, FCKEditor and DHTML

/bump

Tue, 09/01/2009 - 21:47

btate

Joined: 15/07/2009

Posts: 54

Re: Adobe Flex, FCKEditor and DHTML

Never did get anyone to respond to this making me think that I am the only one ever needing such a request. Hard to beleive, I know. However, it would appear that my prays have been answered in version 3.0. So far, and I am not done yet, it is doing all of the functions and the methods I needed them to be done in without any issues. IE, under Flash using Flex on a local computer works now making it possible for me to truly support what I design.