Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

FCKeditor Issue

jrossjross New
edited October 2006 in Vanilla 1.0 Help
MySchizoBuddy C- Here's my source code you requested to my FCKeditor Issue. I only posted the form code. I don't get the buttons at all and the text box doesn't appear. I'm fairly certain all the scripts are in their proper place. <div id="Form" class="AddComments"> <fieldset> <legend>Add your comments</legend><form id="frmPostComment" method="post" action=""><input type="hidden" name="CommentID" value="0" /> <input type="hidden" name="DiscussionID" value="733" /> <input type="hidden" name="PostBackAction" value="SaveComment" /> <input type="hidden" name="UserCommentCount" value="0" /> <input type="hidden" name="AuthUserID" value="0" /> <ul><li> <label for="WhisperUsername">Whisper your comments to <small>(optional)</small></label> <input id="WhisperUsername" name="WhisperUsername" type="text" value="" class="Whisper AutoCompleteInput" maxlength="20" /> <script type="text/javascript"> var WhisperAutoComplete = new AutoComplete("WhisperUsername", false); WhisperAutoComplete.TableID = "WhisperAutoCompleteResults"; WhisperAutoComplete.KeywordSourceUrl = "/vc/ajax/getusers.php?Search="; </script> </li> <li> <label for="CommentBox"> <a href="./" id="CommentBoxController" onclick="ToggleCommentBox('/vc/ajax/switch.php', 'small input', 'big input'); return false;">big input</a>Enter your comments </label> <textarea name="Body" class="SmallCommentBox" id="CommentBox" rows="10" cols="85"></textarea> </li> <li class="Invisible"><input type="hidden" name="FormatType" value="FCKeditor" /></li></ul><div id="Vanillacons"><select name="VanillaconsDir" class="LargeSelect" onchange="changeSmilies(this.options[this.selectedIndex].value);" id="VanillaconsComboBox"> <option value="cool" >cool</option> <option value="happy" >happy</option> <option value="love" >love</option> <option value="standard" selected="selected">standard</option> <option value="tongue" >tongue</option> </select> <div id="VanillaconsSmilies"><ul><li><span onclick="insertSmilie('angry');" class="VanillaconsLink"><img src="/vc/extensions/Vanillacons/smilies/standard/angry.gif" alt="" /></span></li><li><span onclick="insertSmilie('bigsmile');" class="VanillaconsLink"><img src="/vc/extensions/Vanillacons/smilies/standard/bigsmile.gif" alt="" /></span></li><li><span onclick="insertSmilie('confused');" class="VanillaconsLink"><img src="/vc/extensions/Vanillacons/smilies/standard/confused.gif" alt="" /></span></li><li><span onclick="insertSmilie('cool');" class="VanillaconsLink"><img src="/vc/extensions/Vanillacons/smilies/standard/cool.gif" alt="" /></span></li><li><span onclick="insertSmilie('cry');" class="VanillaconsLink"><img src="/vc/extensions/Vanillacons/smilies/standard/cry.gif" alt="" /></span></li><li><span onclick="insertSmilie('devil');" class="VanillaconsLink"><img src="/vc/extensions/Vanillacons/smilies/standard/devil.gif" alt="" /></span></li><li><span onclick="insertSmilie('neutral');" class="VanillaconsLink"><img src="/vc/extensions/Vanillacons/smilies/standard/neutral.gif" alt="" /></span></li><li><span onclick="insertSmilie('sad');" class="VanillaconsLink"><img src="/vc/extensions/Vanillacons/smilies/standard/sad.gif" alt="" /></span></li><li><span onclick="insertSmilie('shamed');" class="VanillaconsLink"><img src="/vc/extensions/Vanillacons/smilies/standard/shamed.gif" alt="" /></span></li><li><span onclick="insertSmilie('shocked');" class="VanillaconsLink"><img src="/vc/extensions/Vanillacons/smilies/standard/shocked.gif" alt="" /></span></li><li><span onclick="insertSmilie('smile');" class="VanillaconsLink"><img src="/vc/extensions/Vanillacons/smilies/standard/smile.gif" alt="" /></span></li><li><span onclick="insertSmilie('surprised');" class="VanillaconsLink"><img src="/vc/extensions/Vanillacons/smilies/standard/surprised.gif" alt="" /></span></li><li><span onclick="insertSmilie('tongue');" class="VanillaconsLink"><img src="/vc/extensions/Vanillacons/smilies/standard/tongue.gif" alt="" /></span></li><li><span onclick="insertSmilie('wink');" class="VanillaconsLink"><img src="/vc/extensions/Vanillacons/smilies/standard/wink.gif" alt="" /></span></li></ul></div></div> <ul><li><label for="Attachments">Attachments</label> <input id="AttachmentFile" type="file" name="file" class="AttachmentInput" /></li></ul> <script type="text/javascript" language="javascript"> var f = document.getElementById('frmPostComment'); f.encoding = 'multipart/form-data'; f.enctype = 'multipart/form-data'; </script> <div class="Submit"> <input type="submit" name="btnSave" value="Add your comments" class="Button SubmitButton AddCommentsButton" onclick="Wait(this, 'Wait');" /><input name="btnPreview" value="Preview Post" class="Button SubmitButton PreviewButton" type="button" onclick="showpreview('', {id : 12517, name : 'j'});" /> </div> </form> </fieldset>


  • edited October 2006
    are you running it on a local server, if its online can i see the forum.
    I wanna see the head code. check if the javascript is entered correctly
  • jrossjross New
    edited October 2006
    I am getting a javascript error: Line 130 Char 2 Permission denied Code 0 Here's the head: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ""> <html xmlns="" xml:lang="en-ca"> <head> <title>M/SO Community Forum - Christmas Day Activities</title> <link rel="shortcut icon" href="/vc/themes/vanilla3/styles/default/favicon.ico" /> <link rel="stylesheet" type="text/css" href="/vc/themes/vanilla3/styles/default/vanilla.css" media="screen" /> <link rel="stylesheet" type="text/css" href="/vc/themes/vanilla3/styles/default/vanilla.print.css" media="print" /> <link rel="stylesheet" type="text/css" href="/vc/extensions/PreviewPost/preview.css" /> <link rel="stylesheet" type="text/css" href="/vc/extensions/SpellChecker/googiespell/googiespell.css" /> <link rel="stylesheet" type="text/css" href="/vc/extensions/Vanillacons/style.css" /> <link rel="stylesheet" type="text/css" href="/vc/extensions/LiveSearch/style.css" media="screen" /> <link rel="stylesheet" type="text/css" href="/vc/extensions/Quotations/quote.css" /> <link rel="stylesheet" type="text/css" href="/vc/extensions/Attachments/style.css" /> <link rel="stylesheet" type="text/css" href="/vc/extensions/Legends/style.css" /> <link rel="stylesheet" type="text/css" href="/vc/extensions/CategoryJumper/style.css" /> <link rel="stylesheet" type="text/css" href="/vc/extensions/AddComments/style.css" /> <script type="text/javascript" src="/vc/js/global.js"></script> <script type="text/javascript" src="/vc/js/vanilla.js"></script> <script type="text/javascript" src="/vc/js/ajax.js"></script> <script type="text/javascript" src="/vc/js/ac.js"></script> <script type="text/javascript" src="/vc/extensions/PreviewPost/preview.js"></script> <script type="text/javascript" src="/vc/extensions/SpellChecker/googiespell/AmiJS.js"></script> <script type="text/javascript" src="/vc/extensions/SpellChecker/googiespell/cookiesupport.js"></script> <script type="text/javascript" src="/vc/extensions/SpellChecker/googiespell/googiespell.js"></script> <script type="text/javascript" src="/vc/extensions/Vanillacons/functions.js"></script> <script type="text/javascript" src="/vc/extensions/Vanillacons/smilies.js"></script> <script type="text/javascript" src="/vc/extensions/LiveSearch/livesearch.js"></script> <script type="text/javascript" src="/vc/extensions/Quotations/quote.js"></script> <script type="text/javascript" src="/vc/extensions/Attachments/functions.js"></script> <script type="text/javascript" src="/vc/extensions/WindowLinks/functions.js"></script> <script type="text/javascript" src="/vc/js/FCKeditor/fckeditor.js"></script><link rel="alternate" type="application/rss+xml" href="" title="RSS2" /><style> .ProfileTitle.WithIcon .ProfileIcon { width: 32px; height: 32px; } #AccountProfile .Picture { width: 280px; height: 200px; } #Comments .CommentHeader { line-height: 32px; } #Comments .CommentHeader li div.CommentIcon { padding: 32px 0px 32px 32px; } li.User.Name .UserIcon { padding: 32px 0px 32px 32px !important; } li.User.Name.WithIcon { line-height: 32px; } </style><link rel="alternate" type="application/atom+xml" href="/vc/comments.php?DiscussionID=476&page=1&Feed=Atom" title="Atom" /> <script type="text/javascript"> window.onload = function() { var oFCKeditor = new FCKeditor("Body") ; oFCKeditor.BasePath = "/vc/js/FCKeditor/" ; oFCKeditor.Config["CustomConfigurationsPath"] = "/vc/extensions/FCKeditor/vanillaconfig.js"; oFCKeditor.ToolbarSet = "Default" ; oFCKeditor.ReplaceTextarea() ; } </script></head>
  • Can you try the new version of fckeditor extension. you seem to be using an earlier version. Also try to disable html formatter, bbcode and markdown.
  • ok, I tried taking off the html formatter and I got the fckeditor bar - but now my youtube embeds and html formatting are gone. Any thoughts on making this transition?
  • edited October 2006
    The extension comes with youtube and google video plugin
  • i have also troubles with the editor.

    safari doesnt show up any fck .

    and the linebrake handling is a disaster :)

    a linebrake looks like this:

    with fck:



    it should be:



    any ideas?
  • FCKeditor doesn't support safari
    try Firefox
  • ah ok, does it work also in other major browsers like IE and such?

    and i noticed also the error, if youre browsing through a topic (pages like <1234>) than a popup appears with following the msg:

    Error: The TEXTAREA with id or name set to "BODY" was not found.

    how can i fix that?

    once again, thanks for helping me here.
  • thats a good bug catch Let me look into it. the comment form only appears on the last page. hence fckeditor cannot find it. I'll have to make a check to see if commentform exists yeah it should work in IE and firefox
  • edited October 2006
    cool beans :)

    oh , and a anotherone here

    could you try to make fck work with the UserInfo Tooltip? i realized it doesnt work, and my heart is bleeding :D
  • try this now. quick dirty fix. let me know if it works
    I'll post a better fix latter on
    In default.php file where u have window.onload (). replace it with this
    window.onload = function() { if (document.getElementById("CommentBox")) { var oFCKeditor = new FCKeditor("Body") ; oFCKeditor.BasePath = "' . $Configuration['WEB_ROOT'] . 'js/FCKeditor/" ; oFCKeditor.Config["CustomConfigurationsPath"] = "' . $Configuration['WEB_ROOT'] . 'extensions/FCKeditor/config.js" ; oFCKeditor.Config["StylesXmlPath"] = "' . $Configuration['WEB_ROOT'] . 'extensions/FCKeditor/fckstyles.xml" ; oFCKeditor.Config["EditorAreaCSS"] = "' . $Configuration['WEB_ROOT'] . 'extensions/FCKeditor/content.css"; oFCKeditor.ToolbarSet = "Vanilla" ; oFCKeditor.ReplaceTextarea() ; document.getElementById("CommentBoxController").style.display = "none"; } }
  • one sec let me try (thanks for your time & help man)
  • edited October 2006
    userinfo tooltip will be very hard. cause FCkeditor locks the textarea. Userinfo extension cannot use the textarea. perhaps jazzman knows a way
  • okay your fix worked, no error messages .. thanks here.

    the tooltip is this one here
  • edited October 2006
    let me see why it doesn't work when fckeditor is enabled.
  • edited October 2006
    ok here it is In the same code above. you can only have one window.onload function.

    open up default.php in fckeditor and change it to this
    window.onload = function() { UserInfoTooltip.Init(); if (document.getElementById("CommentBox")) { var oFCKeditor = new FCKeditor("Body") ; oFCKeditor.BasePath = "' . $Configuration['WEB_ROOT'] . 'js/FCKeditor/" ; oFCKeditor.Config["CustomConfigurationsPath"] = "' . $Configuration['WEB_ROOT'] . 'extensions/FCKeditor/config.js" ; oFCKeditor.Config["StylesXmlPath"] = "' . $Configuration['WEB_ROOT'] . 'extensions/FCKeditor/fckstyles.xml" ; oFCKeditor.Config["EditorAreaCSS"] = "' . $Configuration['WEB_ROOT'] . 'extensions/FCKeditor/content.css"; oFCKeditor.ToolbarSet = "Vanilla" ; oFCKeditor.ReplaceTextarea() ; document.getElementById("CommentBoxController").style.display = "none"; } }

    and in functions.js in userinfotooltip folder. remove this line
    window.onload = function() { UserInfoTooltip.Init(); }
  • edited October 2006
    that will work. Try that and let me know u owe me some cookies :)
  • seems like, you're a coder :D

    let me know if you need something for your website, a header graphic or such (= cookies)

    thanks a lot it worked very well.
  • here's solution for the onload problem:
This discussion has been closed.