CSHtmlArea: brings the power of FCKeditor!

[kenci]

Thanks, now it works fine!

[sebas1430]

I have downloaded your FCKeditor component! Thanks a lot. I like it better than TinyMCE.

But since I'm new to this WYSIWYG and since I am new to prado and "assets" concept, I have a question..... ( and sorry for my English)

I have downloaed this great google maps plugin for FCKeditor (http://martinezdelizarrondo.com/googlemaps/). The install instructions of this plugin is very simple, you only have to copy the downloaded "googlemaps" folder into default plugin folder of FCKeditor folder tree and then, edit FCKeditor file "fckconfig.js" and add/edit 3 lines of code to add plugin to editor and set some plugin properties.

So to test quickly, I have followed the plugin instructions and I have edited directly files located in my "assets" folder. But I think editing files of "assets" directory is not the good way to do this. So my question is, must I edit the "CSHtmlArea.tar" file so the next time my site will run with the "assets" directory empty, all scripts modifications would be applied. Or is your component have an another way to implement a FCKeditor plugin like "googlemaps", and another way to edit "toolbars" definition without editing "fckconfig.js" file.

Thanks!

[paveltyl]

how I can to use it with TRequiredFieldValidator? It is always false 
for example:

<span>Content:</span>
   <br/>
   <com:CSHtmlArea ID="content_body"
                    Config.AutoDetectLanguage="true"
                    Config.ShowBorders="false"
                    Config.AutoGrowMax="400" />

   <com:TRequiredFieldValidator
            ValidationGroup="required_fields"
            ControlToValidate="content_body"
            Text="Fill content"
            Display="Dynamic"/>
   <br/>
   <com:TButton Text="Save" ValidationGroup="required_fields" />

Hello,
I have the same problem and cannot find the solution? And you?

[CláudioCMSJ]

I have downloaded your FCKeditor component! Thanks a lot. I like it better than TinyMCE.

But since I'm new to this WYSIWYG and since I am new to prado and "assets" concept, I have a question..... ( and sorry for my English)

I have downloaed this great google maps plugin for FCKeditor (http://martinezdelizarrondo.com/googlemaps/). The install instructions of this plugin is very simple, you only have to copy the downloaded "googlemaps" folder into default plugin folder of FCKeditor folder tree and then, edit FCKeditor file "fckconfig.js" and add/edit 3 lines of code to add plugin to editor and set some plugin properties.

So to test quickly, I have followed the plugin instructions and I have edited directly files located in my "assets" folder. But I think editing files of "assets" directory is not the good way to do this. So my question is, must I edit the "CSHtmlArea.tar" file so the next time my site will run with the "assets" directory empty, all scripts modifications would be applied. Or is your component have an another way to implement a FCKeditor plugin like "googlemaps", and another way to edit "toolbars" definition without editing "fckconfig.js" file.

Thanks!

Sebas1430, thank you for the feedback and sorry for my english too. Really, to edit files in the assets folder its not the best way to implement a plugin. But to solve this incovenient, we need to develop a new version for this component, wich would include that plugin in the tar file. Unfortunately, I'm very engaged and I have not time to help you at this moment. I look for this oportunity.

[CláudioCMSJ]

how I can to use it with TRequiredFieldValidator? It is always false 
for example:

<span>Content:</span>
   <br/>
   <com:CSHtmlArea ID="content_body"
                    Config.AutoDetectLanguage="true"
                    Config.ShowBorders="false"
                    Config.AutoGrowMax="400" />

   <com:TRequiredFieldValidator
            ValidationGroup="required_fields"
            ControlToValidate="content_body"
            Text="Fill content"
            Display="Dynamic"/>
   <br/>
   <com:TButton Text="Save" ValidationGroup="required_fields" />

Hello,
I have the same problem and cannot find the solution? And you?

Paveltyl, we need to develop a specific validator for this component to solve this problem, maybe, a new version of the CSHtmlArea instead. As I have said to Sebas1430, at the upper post, I'm very engaged and I have no time to help you at this moment. I look for this oportunity. Thanks for the feedback!

[marcosanobre]

Hi Claudio.

I haven't had success in trying to configure Toolbars of an instance of CSHtmlArea component.

I tryed:

Code:

                         <com:CSHtmlArea    ID="cshtmlareaDescricao"
                                            AccessKey="3"
                                            BackColor="#FFFACD"
                                            Culture="pt_BR"
                                            Config.AutoDetectLanguage="false"
                                            Config.ShowBorders="false"
                                            Config.AutoGrowMax="300"
                                            Config.ToolbarStartExpanded="false"
                                            Config.ToolbarCanCollapse="true"
                                            Height="200px"
                                            >
                            <prop:Config.ToolbarSets>
                                    (*)
                            </prop:Config.ToolbarSets>
                        </com:CSHtmlArea>

By puting into (*) properties in various way :

like 1:
                                    { 'Default' : { 'Source' } }
like 2:
                                    [ 'Default' : [ 'Source' ] ]
like 3:
                                    'Default' : 'Source'
like 4:
                                    { 'Default' = { 'Source' } }
like 5:
                                    [ 'Default' = [ 'Source' ] ]
like 6:
                                    'Default' = 'Source'

All of tries without sucess on determing only ToolBar I am needing to figure out into ToolbarSets.

You have any suggestions or ideas on where I'm wrong?

TIA,

Marcos Nobre

[CláudioCMSJ]

Hi Claudio.

I haven't had success in trying to configure Toolbars of an instance of CSHtmlArea component.

I tryed:

Code:

                         <com:CSHtmlArea    ID="cshtmlareaDescricao"
                                            AccessKey="3"
                                            BackColor="#FFFACD"
                                            Culture="pt_BR"
                                            Config.AutoDetectLanguage="false"
                                            Config.ShowBorders="false"
                                            Config.AutoGrowMax="300"
                                            Config.ToolbarStartExpanded="false"
                                            Config.ToolbarCanCollapse="true"
                                            Height="200px"
                                            >
                            <prop:Config.ToolbarSets>
                                    (*)
                            </prop:Config.ToolbarSets>
                        </com:CSHtmlArea>

By puting into (*) properties in various way :

like 1:
                                    { 'Default' : { 'Source' } }
like 2:
                                    [ 'Default' : [ 'Source' ] ]
like 3:
                                    'Default' : 'Source'
like 4:
                                    { 'Default' = { 'Source' } }
like 5:
                                    [ 'Default' = [ 'Source' ] ]
like 6:
                                    'Default' = 'Source'

All of tries without sucess on determing only ToolBar I am needing to figure out into ToolbarSets.

You have any suggestions or ideas on where I'm wrong?

TIA,

Marcos Nobre

Marcos, unfortunately this component does not support the ToolbarSets customization. I'll do my best to add this feature to the component as soon as possible, maybe this week.

[PinkBrainPlan]

Hi, First of all thank you for this very nice component, can you update the component to the latest version of fckeditor? fc....
I have big problems with chrome...

thx philipp

[CláudioCMSJ]

Hi, First of all thank you for this very nice component, can you update the component to the latest version of fckeditor? fc....
I have big problems with chrome...

thx philipp

Hi, Philipp! Be sure that I'll do it, soon.

[CláudioCMSJ]

Hi Claudio.

I haven't had success in trying to configure Toolbars of an instance of CSHtmlArea component.

I tryed:

Code:

                        <com:CSHtmlArea    ID="cshtmlareaDescricao"
                                            AccessKey="3"
                                            BackColor="#FFFACD"
                                            Culture="pt_BR"
                                            Config.AutoDetectLanguage="false"
                                            Config.ShowBorders="false"
                                            Config.AutoGrowMax="300"
                                            Config.ToolbarStartExpanded="false"
                                            Config.ToolbarCanCollapse="true"
                                            Height="200px"
                                            >
                            <prop:Config.ToolbarSets>
                                    (*)
                            </prop:Config.ToolbarSets>
                        </com:CSHtmlArea>

By puting into (*) properties in various way :

like 1:
                                    { 'Default' : { 'Source' } }
like 2:
                                    [ 'Default' : [ 'Source' ] ]
like 3:
                                    'Default' : 'Source'
like 4:
                                    { 'Default' = { 'Source' } }
like 5:
                                    [ 'Default' = [ 'Source' ] ]
like 6:
                                    'Default' = 'Source'

All of tries without sucess on determing only ToolBar I am needing to figure out into ToolbarSets.

You have any suggestions or ideas on where I'm wrong?

TIA,

Marcos Nobre

Marcos, unfortunately this component does not support the ToolbarSets customization. I'll do my best to add this feature to the component as soon as possible, maybe this week.

Marcos, the component was updated to the version 1.2, wich supports your feature request: custom toolbarsets. Download it from this post, or see the attachments section below. Have fun and thank you!

PS: Don't forget to take a look at the class documentation (PHPDoc) to see how to use the new feature.

[rori]

Hi,

How to change SKIN? On Example Office 2003?

Thanks for GREAT component.

[boukadida]

Mister Claudio,
I downloaded your piece version1.2,
That works on my local post, but on my remote server, I have a following error: " The server didn't reply with a proper XML data. Please check your configuration".
Please help me .
Thank you.
http://dev.jetnews-magazine.fr/assets/6bc31a1d/fckeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=http%3A%2F%2Fdev.jetnews-magazine.fr%2Fassets%2F6bc31a1d%2Ffckeditor%2Feditor%2Ffilemanager%2Fconnectors%2Fphp%2Fconnector.php

[jkwan]

Hi,

I'm trying to add some custom configuration in the fckconfig.js or edit it.
I want to add somme custom ToolbarSets, and avoid to always type the configuration in all my pages.
But it doesn't work. I've tried to add this :

Code:

FCKConfig.ToolbarSets["Custom"] = [
['Source','-','Cut','Copy','Paste','PasteText','PasteWord','-'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat','-','Print','SpellCheck'],
'/',
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],
'/',
['Link','Unlink','Anchor'],
['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
['TextColor','BGColor'],
['FitWindow','ShowBlocks','-','About'],
'/',
['FontFormat','FontSize'] // No comma for the last row.
] ;

or edit the basic toolbarsets

Code:

FCKConfig.ToolbarSets["Basic"] = [
['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript','-','OrderedList','UnorderedList','-','Link','Unlink','-','FitWindow','About']
];

But it always says that the Custom ToolbarSets doesn't exists and the basic toolbarset has not changed.

Is there a way to add my own configuration in the generated assets files ?

[leogsouza]

Hi Claudio,  when I use Ajax interactions content is not saved in the database. The text property is empty.

Can you help me?