Uploaded image for project: 'LAMS Development'
  1. LAMS Development
  2. LDEV-2721

Themes and FCKeditor CSS don't match

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 2.4, 2.3.6
    • Fix Version/s: 2.4, 2.3.6
    • Component/s: None
    • Labels:
      None

      Description

      It seems that when we set up a skin other than the default one in LAMS, the FCKeditor keeps using the default one for its styles.

      For instance, pic6 shows that H1 is in blue and H3 is green.

      However, when we preview this in learner, you'll see that the H1 and H3 show in different colours (see pic5).

      This makes sense as it's using the WVI CSS for learner.

      So my guess is that when the FCKeditor loads, it's loading the default one rather than the selected skin
      1. Picture 5.png
        82 kB
      2. Picture 6.png
        105 kB

        Activity

        Hide
        ernieg Ernie Ghiglione added a comment -
        Modify your lams-central.war/includes/javascript/fckconfig_custom.js file to include the following:

        // <themename> theme customization for FCKeditor
        var css = new Array(2);
        css[0] = FCKConfig.BasePath + '../../../css/defaultHTML_learner.css' ;
        css[1] = FCKConfig.BasePath + '../../../css/<themename>HTML_learner.css' ;
        FCKConfig.EditorAreaCSS = css;
        Show
        ernieg Ernie Ghiglione added a comment - Modify your lams-central.war/includes/javascript/fckconfig_custom.js file to include the following: // <themename> theme customization for FCKeditor var css = new Array(2); css[0] = FCKConfig.BasePath + '../../../css/defaultHTML_learner.css' ; css[1] = FCKConfig.BasePath + '../../../css/<themename>HTML_learner.css' ; FCKConfig.EditorAreaCSS = css;
        Hide
        ernieg Ernie Ghiglione added a comment -
        See documentation on how to add a new theme CSS for FCKEditor (LAMS 2.3.x) and CKEditor (LAMS 2.4.x):

        http://wiki.lamsfoundation.org/display/lams/LAMS+Themes+or+Skins#LAMSThemesorSkins-Step4%3AFCKEditor

        Show
        ernieg Ernie Ghiglione added a comment - See documentation on how to add a new theme CSS for FCKEditor (LAMS 2.3.x) and CKEditor (LAMS 2.4.x): http://wiki.lamsfoundation.org/display/lams/LAMS+Themes+or+Skins#LAMSThemesorSkins-Step4%3AFCKEditor
        Hide
        ernieg Ernie Ghiglione added a comment -
        Documented for both 2.3.x and 2.4. Done now
        Show
        ernieg Ernie Ghiglione added a comment - Documented for both 2.3.x and 2.4. Done now

          People

          • Assignee:
            ernieg Ernie Ghiglione
            Reporter:
            ernieg Ernie Ghiglione
          • Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved:

              Development