You need to Register for free and Login to post a message in the forum.

Forum

Subject: FCKEditor and dynamic css
Prev Next
You are not authorized to post a reply.

Author Messages
DavidWSnow
Nuke Master
Nuke Master
Posts:113

18 Jul 2008 11:04 AM  
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
jncraig
Nuke Master I
Nuke Master I
Posts:1996

19 Jul 2008 7:36 AM  
Did you modify one of the FCK editor's files to do this? If so, you probably overwrote that when you did the upgrade.

Joe Craig
DNN Creative Support
Subscribe to the website
DavidWSnow
Nuke Master
Nuke Master
Posts:113

19 Jul 2008 12:01 PM  
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
leesykes
Nuke Master II
Nuke Master II
Posts:2959

22 Jul 2008 5:23 AM  
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,

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts
DavidWSnow
Nuke Master
Nuke Master
Posts:113

22 Jul 2008 10:05 AM  
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

DavidWSnow
Nuke Master
Nuke Master
Posts:113

22 Jul 2008 12:33 PM  
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
leesykes
Nuke Master II
Nuke Master II
Posts:2959

23 Jul 2008 3:09 AM  
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.
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,

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts
DavidWSnow
Nuke Master
Nuke Master
Posts:113

23 Jul 2008 9:54 AM  
Too bad they didn't make it both easier for them and for us to upgrade
eureka
Nuke Master
Nuke Master
Posts:255

25 Jul 2008 2:55 AM  
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

www.drivewaydesign.eu For A Dream Driveway

www.a2zdom.com Domain name matters

www.seemalta.net See Magical Malta
DavidWSnow
Nuke Master
Nuke Master
Posts:113

25 Jul 2008 9:42 AM  
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
eureka
Nuke Master
Nuke Master
Posts:255

25 Jul 2008 12:34 PM  
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


www.drivewaydesign.eu For A Dream Driveway

www.a2zdom.com Domain name matters

www.seemalta.net See Magical Malta
DavidWSnow
Nuke Master
Nuke Master
Posts:113

25 Jul 2008 12:57 PM  
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
DavidWSnow
Nuke Master
Nuke Master
Posts:113

25 Jul 2008 1:09 PM  
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
DavidWSnow
Nuke Master
Nuke Master
Posts:113

25 Jul 2008 3:03 PM  
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
greenflash
Nuke Active Member
Nuke Active Member
Posts:27

03 Aug 2008 3:50 AM  
@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

DotNetNuke Help for beginners
DavidWSnow
Nuke Master
Nuke Master
Posts:113

03 Aug 2008 9:46 AM  


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
DavidWSnow
Nuke Master
Nuke Master
Posts:113

03 Aug 2008 10:42 AM  
Active Form munged the format of the previous post.
Sorry,
/DaveS
leesykes
Nuke Master II
Nuke Master II
Posts:2959

05 Aug 2008 4:25 AM  
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,

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts
You are not authorized to post a reply.
Forums > Users Lounge > Everything Else > FCKEditor and dynamic css



ActiveForums 3.7

Latest Forum Posts

RE: Regular restores to local machine by joannew
Hello Lee, Thanks for the info, I tried restarting the application but it had no effect. Is there...
RE: menu in dotnetnuke by leesykes
The page URL option does not have the option to open links in a new window, they will always open in...
RE: Only registered users can access some parts of the module by leesykes
thanks for posting info,
RE: Blog Module on 4.8.4 by leesykes
I just tested the comments in DNN 4.8.4 and blog 3.4.0 and they work ok.Go to the blog list module s...
RE: File Manager Upload (intermittent error) by leesykes
It sounds as though you do not have permission to upload js files using the file manager. To check t...
RE: News Feeds (RSS) module 4.0 ? by leesykes
It works in exactly the same way. Go to 'edit newsfeed' - enter the RSS URL for the newsfeed source ...
RE: style search CSS or XML by leesykes
The CSS code for that skin is:#dnn_dnnSEARCH_txtSearch    { height:16px; position:absolute; top:4px;...
RE: News Feed from DNN Blog by leesykes
Hello,I tested with blog module 3.04.00 and News Feeds 3.01.01It should work, can you display other ...
RE: Query Regarding search fuctionality by leesykes
You can contact venexus direct for any questions regarding their modules,
RE: Query Regarding search fuctionality by kaustav_kar
Thanks for your help. Could you please tell me how to configure it?
RE: Only registered users can access some parts of the module by nukedoubt
Solution Obtained !!!!!!!Follow the steps :To Checked In login mode as registered users or not - Do...
RE: Blog Module on 4.8.4 by bryan_homey
03.04.00 Thanks Bryan
RE: Repository template: YouTube by bryan_homey
Thanks!
RE: File Manager Upload (intermittent error) by dnnmq
banner_rotator.js is only 3KB.  This behavior was reported after we upgraded from 4.3.4 to 4.8.3.Bef...
RE: templates and modules by mmcinulty
Hi Bocheck back to issue 24 for info about page templates.about your other issue with modules login ...
templates and modules by cyborama
Hello Lee and Joe,My first question deals with templates.  I noticed in dotnetnuke apparently you ca...
News Feeds (RSS) module 4.0 ? by wolmar
I had some trouble with the old NewsFeeds module (the one coverd in tutorial) so i figured i'd insta...
style search CSS or XML by mmcinulty
CSS an XMLi was looking back at issue 29 about search styling. there was a skin i seen www.dnnskin.n...
RE: Query Regarding search fuctionality by jncraig
I believe that the Venexus search tools can be configured to do that.
RE: Create Bookmarks/Anchor Points/Page TOC by jncraig
I'm not aware of a module that does that. And, yes, you have to put the links in manually. I've us...
DotNetNuke Modules
RSS Feeds