I used to be able to have my styles from the skin.css be used inside the FCKedit while I was editing. This behavior has changed, but I don't remember when. I suspect that it was when I upgraded from DNN 4.5.* to DNN 4.8.0.

To make the FCKeditor use the skin.css I just set the portal wide CSS Custom option. Ultimately I also changed the two "static" FCKeditor entries in wbe.config to "dynamic".

Are others using this capability? Is snyone one else seeing what I amd seeing?

/DaveS

Did you modify one of the FCK editor's files to do this? If so, you probably overwrote that when you did the upgrade.

Didn't touch and FCKedit files. originally I all I had to do was follow Lee's tutorial on the FCKedit and click the correct boxes under "Show custom editor options" In the editor.

This wasn't always "sticky" so changing the "static" to "dynamic" in the FCKedit line in web.config caused it to be the default.  That line is still intact.

When you edit on dnncreative are the pages displayed using the skin.css file or is the text show in Times Roman and black text? 

/DaveS

Hi Dave,

On dnncreative I have not upgraded the FCK editor, even though I upgraded DotNetNuke, so I still can view the styles exactly the same as the tutorial.

As it happens I am currently researching FCK editor tutorials for the September release. I will be researching this in-depth in a couple of weeks so I should be able to share any new techniques that I discover shortly.

Thanks,

I actually have a second FCKeditor / IE issue that I think is related.

While troubleshooting a W3C html issue I needed to have FireFox not logged in and need to made Admin changes at the same time so I was loggined in using IE doing those. I tried to use the FCKeditor and set several dialog boxes saying "Error loading "/Providers/HtmlEditorProviders/FckFCKStyles.aspx?tabid=92"

Maybe FireFox is failing silently while IE is complaining before working.  I'll check this link out and see if there are any typo's in the path.

I hope that your tutorial covers how to upgrade your version of the FCKedit to be the same as provided at FCkeditor.net.  DNN always seems to ve a version or two behind.

/DaveS

I have identified this as an issue with iFinity's Friendy URL Provider, which I also use.
IE gives warning messages and FireFox doesn't.

When I disable the URL Provider all works well.

/DaveS

I won't be covering upgrading as that will be way too involved, they have done a lot of configuration changes to FCK Editor when transferring it to DNN where half of the settings in the fckconfig file no longer work and are set in the DotNetNuke web.config file, it would mean going through the FCK Editor source code and adpating it, it's not a case of simply installing the upgraded version over the top of the current one.

Thanks,

Too bad they didn't make it both easier for them and for us to upgrade

Hi David


I am having the same problem, I have tried various combinations, nothing seems to work,  I also tried using your dynamic solution (with and without changing the web.config) but although my custom styles appeared, they had automatically acquired an unwanted extra [span].

I am having to resort to adding links to my custom style sheet, thus adding to the overall page load time.

Does anybody have an answer? 

Lynn

I tracked my problem down to iFinity's Friendly URL provider.  They made some setup recommendations as a response to my port in that forum.  Those changes made it partially work on my home page, but not on other pages.

I place to take a fresh clone of my web sites and put it on my localhost today for further troubleshooting.

I'll update if and when I find a fix.

I amazes me just how few DNN webmasters seem to use dynamic css in concert with the FCKeditor.  I really want to have my styles available when editing. I also what the page to have a similar look to the finished product.

Does the added span have a class?  FCKEdit has at least 3 options for newLine/breaks p tags, div tags, or br's.  I don't know of a span option but there could be one.

/DaveS

Hi David

To give you an example, this is one of the styles in mystyle.xml file (I have replaced <> with () so it will display in the forum )

(Style name="Quote Box" element="div")
(Attribute name="class" value="quotebox" /)

In my custom style menu I would expect to see the Style Name "Quote Box" associated with the class. But the class value is displayed instead with added span code (see below), this is the case with every custom style. I have not touched the FCK code and it is still "p" "div" or "br" so I dont know where the span comes from and why it should replace the div.

quotebox (span)

When I apply it, the text is enclosed inside span tags instead of the div tags as required.

So far I either have "blank" or the "wrong code", I have been trying to find a solution for for ages, but it seems that not many people use custom styles so the answer is hard to find.

Thanks

Lynn

Now that I see this post we are talking about two very different features of the FCKeditor. You are using the methods that allows you to duplicate some of the styles from your skin.css in a seperate xml file that FCKedit reads.

I am talking about the feature that using your skin.css file in total for rendering the page and for the styles pulldown list. BTW this makes the list VERY long. There is some regex file that you can use to filter this list but I haven't tried it.

I have further isolated my problem to PageBlaster V3.0. The problem goes away if I disable PB in web.conf, but not if I disable it on a page basis.

/DaveS

And my final answer is:

It took a combination of tweaks to iFinity's Friendly URL Provider's config statment in web.config AND adding "FCK" to global excludes inSnapis' PageBlaster config file to get the desired behavior.

/DaveS

Lee when you do the FCK article could you cover how to use regex to limit the styles that show up in the dropdown list of styles in the editor.  I have read that you can do this - haven't found the filename - or figured out the regex that I could use to reduce the list to somthing managable.

More people should use the dynamic styles - it is really great to see the page fully rendered with your skin.css before you click submit.

/DaveS

@David i am getting excited while reading your posts, you try to improve your websites with some extra effort which most webmasters does not even try.

I also want to have dynamic styles available while editing text/html, however if i use third party such as pageblaster, it does not act properly.

Would you mind creating a step by step tutorial for us

1. If you use PageBlaster V3.*  add "FCK" to the excludepaths directive in Snapsis.PageBlaster.config.  This makes sure that PB doesn't mess with files such as FCKStyles.* et al.

2. Search web.config for "static" and replace the two FCK editor instances of this with "dynamic".  This makes the dynamic "sticky" so that you don't have to do the "Show custom editor options" below each time that you edit.  This step is optional.

3. Edit a Text/HTML module's content.

4. click on "Show custom editor options" and set the "List of available styles for the editor" and "Editor area CSS" from "static" to "dynamic" for the "portal"

5. Click on the "Refresh Editor" next to the "Show custom editor options" and your content should be rendered using the styles in your skin.css. Also the Styles dropdown should contain all of the styles in your skin.css.

There is an FCK* xml file that will take a regex expression to limit the styles that show up in the Styles dropdown.  I forget where it is. I'll look for it if Lee doesn't cover it in his Sept tutorial.

With this a rarly have to go into "source" mode and apply styles in the raw html. Usually this is because I need to use a "div" rather than a "p" or "span" because the of aa "block" type of element.

Hope that this helps,

/DaveS

Active Form munged the format of the previous post.
Sorry,
/DaveS

Thanks for the info Dave, I will bear it in mind when doing the tutorials - if you come across any other useful information please let us know, thanks,