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.
Options

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="http://www.domain.com/vc/post.php"><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('http://www.Domain.com/vc/', {id : 12517, name : 'j'});" /> </div> </form> </fieldset>
«13

Comments

  • Options
    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
  • Options
    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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" 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="http://www.southorangevillage.com/vc/comments.php?DiscussionID=476&page=1&Feed=RSS2" 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>
  • Options
    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.
  • Options
    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?
  • Options
    edited October 2006
    The extension comes with youtube and google video plugin
  • Options
    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:

    Hello

                        World


    it should be:


    Hello

    World

    any ideas?
  • Options
    FCKeditor doesn't support safari
    try Firefox
  • Options
    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.
  • Options
    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
  • Options
    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
  • Options
    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"; } }
  • Options
    one sec let me try (thanks for your time & help man)
  • Options
    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
  • Options
    okay your fix worked, no error messages .. thanks here.


    the tooltip is this one here

    http://lussumo.com/addons/?PostBackAction=AddOn&AddOnID=106
  • Options
    edited October 2006
    let me see why it doesn't work when fckeditor is enabled.
  • Options
    coolio :D
  • Options
    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(); }
  • Options
    edited October 2006
    that will work. Try that and let me know u owe me some cookies :)
  • Options
    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.
  • Options
    here's solution for the onload problem: http://simon.incutio.com/archive/2004/05/26/addLoadEvent
This discussion has been closed.