FCKEditor in ZF installation problem

iroy2000 · #1 (**permalink**) 03-21-2008, 10:28 PM

Hi,

I was trying to install the fckeditor with ZF. But I got an exception , looks like ZF is looking for a controller for that...

Unexpected Exception:
XXXController::editorAction() does not exist and was not trapped in __call()

Thanks for any help!

iroy2000 · #2 (**permalink**) 03-21-2008, 10:35 PM

LOL. I replied my own post.

The problem was solved, you need to turn off the rewrite engine in your fckeditor directory, and then specify your basepath when creating the fckeditor object. And it should work like a champ!!

So I leave the answer here just in case someone need it in the future ~~

xentek · #3 (**permalink**) 03-24-2008, 04:32 PM

Thanks for coming back and adding the resolution. I'm sure others will find it very useful when google returns this thread for them.

zeus · #4 (**permalink**) 06-15-2008, 01:51 AM

Don't turn off the rewrite engine.
use this.
Step 1.

PHP Code:


			
RewriteEngine on

RewriteCond %{SCRIPT_FILENAME} !-f

RewriteCond %{SCRIPT_FILENAME} !-d

RewriteRule ^(.*)$ index.php/$1

if the file or directory exists on the server, the link will not be sent to index.php (mapping with controller or action will not be done if file/directory exists on server)

step .2
copy fckeditor to
/js/fckeditor
the str. will be
webroot/js/fckeditor/editor
where webroot (or public_html or htdocs or www) is root directory for external files

step. 3
in view.phtml (view file)

PHP Code:


			
<?php $this->headScript()->prependFile($this->baseUrl().'/js/fckeditor/fckeditor.js',$type='text/javascript'); ?>



<script type="text/javascript" >

    window.onload = function()

    {

        if(document.getElementById('content_text')) {

            var oFCKeditor = new FCKeditor('content_text') ;

            oFCKeditor.BasePath = "<?=$this->baseUrl()?>/js/fckeditor/" ;

            oFCKeditor.Height = 500;

            oFCKeditor.ReplaceTextarea() ;

        }

    }

</script>

step. 4

In layout.phtml you need to echo the headscript because we have added a headscript prepend file method.

PHP Code:


			
<head>

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

    <?= $this->headTitle() ?>

   <link rel="stylesheet" type="text/css" media="screen"

             href="<?php echo $this->baseUrl();?>/css/style.css" />







<?= $this->headScript() ?>

</head>

caution:
document.getElementById('content_text')
in the view, the textarea has name='content_text' and id='content_text'
look for the name of text area which is to be replaced. You will know this as you give the name for textarea in zend_form.

The javascript will search of this id,
if found it will replace the textarea with fckeditor.

I find this useful because fckeditor.js is loaded only when required.

Step.5
for uploading images be sure to change the directory path in fckeditor/editor/filemanager/connectors/php/config.php

PHP Code:


			
// Path to user files relative to the document root.

$Config['UserFilesPath'] = '/images/uploads/' ;

I have tried to be as explanatory as possible.
If you encounter any problem, do ask.

Also, there are many different ways to do this. Don't get confused if you see any other method.

raghuvaran · #5 (**permalink**) 09-23-2008, 04:58 PM

hi Zeus

I have followed ur steps. but, still i am having doubts and getting errors.

1)as like step 1. i used ur code in .htacess file.

2)i have put the fckeditor inside js folder (C:\xampp\htdocs\js\fckeditor)Note i am using "xamp"

3)In step 5. i am getting doubts. In config.php file i have given like this:

$Config['Enabled'] = true ;
$Config['UserFilesPath'] = '/images/uploads/' ; (Is it ok)

what is the use of "uploads" folder.
there is no folder like "uploads". before, in image folder.
I have created and given the path in config.php
note: nothing inside the folder "uploads" ( what should come inside)

Please reply me.
Advance Thanks...

raghuvaran · #6 (**permalink**) 09-23-2008, 05:00 PM

hi Zeus

I have followed ur steps. but, still i am having doubts and getting errors.

1)as like step 1. i used ur code in .htacess file.

2)i have put the fckeditor inside js folder (C:\xampp\htdocs\js\fckeditor)Note i am using "xamp"

3)In step 5. i am getting doubts. In config.php file i have given like this:

$Config['Enabled'] = true ;
$Config['UserFilesPath'] = '/images/uploads/' ; (Is it ok)

what is the use of "uploads" folder.
there is no folder like "uploads". before, in image folder.
I have created and given the path in config.php
note: nothing inside the folder "uploads" ( what should come inside)

Please reply me.
Advance Thanks...

raghuvaran · #7 (**permalink**) 10-15-2008, 04:05 AM

hi Zeus,
I got it, I made mistake in path. i given the path correctly.

now its working properly.

Thank You,
Bye...

tsk · #8 (**permalink**) 10-31-2008, 01:00 PM

Hello,

thank you very much for the information about how to use the Javascript version of FCKeditor within Zend Form. I would prefer to use the php connector of FCKeditor, mainly to get rid of the Javascript code in the view files and to get more comfortable control over the settings.

To start with I wrote a View Helper which is wrapping the editor.

PHP Code:


			
<?php

class Zend_View_Helper_FckEditor

{

        /**

         * Creates a form element with FCKEditor.

         *

         * @param string $name The form element name to be used with FCKeditor

         * @param string $value The form element initial value (like: Enter content here)

         * @param array $options (FCKeditor options)

        */



    protected $_view;



    // setView() function is automatically called by the view before calling the main helper function.

    function setView($view)

    {

        $this->_view = $view;

    }



    public function fckEditor($name = '', $value = '', $options = array())

    {

            $baseUrl = $this->_view->BaseUrl();



            // can be auto-loaded from a non-public library dir

            // FCKeditor.php = renamed fckeditor_php(4|5).php

            include_once 'fckeditor/FCKeditor.php';



            $oFCKeditor = new FCKeditor($name);



            // Custom configuration settings

            // Place in it's own Dir to allow updates of FCKeditor w/o changes

            $oFCKeditor->Config['CustomConfigurationsPath'] = $baseUrl . '/js/configs/myFCKconfig.js';



            // Default configuration

            $oFCKeditor->BasePath            = $baseUrl . '/js/fckeditor/';  // must direct to the site's public area

            $oFCKeditor->ToolbarSet          = ((isset($options['ToolbarSet'])) ? $options['ToolbarSet'] : 'Tsc_mighty');

            $oFCKeditor->Width               = empty($options['Width']) ? '100%' : $options['Width'];

            $oFCKeditor->Height              = empty($options['Height']) ? 500 : $options['Height'];

            $oFCKeditor->Value               = $value;



            return $oFCKeditor->Create();

    }

}

It can be used as is as long as you are not using Zend Form. In your view files just type:

<?php echo $this->fckEditor('page_content'); ?>
(replace ‘page_content’ with your field name of the element)
and the editor will appear.

Now to my problem: How can I use my Helper within a Zend Form Textarea element? In the JavaScript version this is achieved by replacing the element onload. How do I get the editor in my Zend Form element textarea? Do I have to extend the Zend_View_Helper_FormElement or do I even have to understand the ‘Marsian’ explanations about the decorators? Which would be the best approach to get a tighter integration with Zend Form?

TIA

Thomas

p.s. excuse my english. I'm a german living in Holland

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode