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.

QuoteText

edited April 2006 in Vanilla 1.0 Help
QuoteText

Comments

  • I don't know if this was by design or not, but I always find it confusing when I select text and click "Quote" but nothing seems to happen. I figure it should jump down to the comment box as well insert your selected text.
  • Also, it would really cool if it automatically selected the Html radio button just to ensure the quote is formatted correctly. Some of my users think it's broken only because they don't know it doesn't work if their comment is formatted as Text.
  • I altered the functions.js so that it explains itself if the user did not highlight any text:

    #... if( txt != '' ) { if( txtAuthor != '' ) { objTextArea.value += '[quote='+txtAuthor+']'+txt+'[/quote] '; } else { objTextArea.value += '[quote]'+txt+'[/quote] '; } } else { alert("First highlight some text then click \"quote\"."); } #...

    I also altered the CSS file a litte to make it look more convenient:
    #... .quotemeta { margin-left: -25px; padding-left: 25px; font-size: 11px; font-weight: bold; background: url('quote1.gif') left top no-repeat; } quote { padding: 4px 25px; border: 0; display: block; }
  • Awesome! Looking forward to reinstalling this with these additions, pguth. Will report back if it causes any trouble.
  • how to I make this work with TinyMCE?
  • This is my css quote ..


    .CommentQuote {
    cursor: pointer;
    display: inline;
    font-size: 10px;
    color: #ccc;
    padding-right: 4px;
    border-right: 1px solid #eee;
    margin-right: 4px;

    }

    .quotemeta {
    margin-left: -25px;
    padding-left: 25px;
    font-size: 11px;
    font-weight: bold;
    background: url('quote1.gif') left top no-repeat;

    }

    quote {
    padding: 4px 25px;
    border: 0;
    display: block;
    border: 1px solid #ADB4B7;
    background: #D1D9DC;
    border-radius: 4px;
    -o-border-radius: 4px;
    -icab-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #5B6162;
    }
Sign In or Register to comment.