Quote Highlighted Text 0.1.2 [ALPHA]

[Chris]

Only a red name (Proboards employee) can go and look into your forum, volunteers such as myself cannot.

If I cannot see the theme then I cannot really tell you which ingredient is responsible, you have 10,000 ways to bake a pie and I can't really tell you that you added too much of one ingredient if I cannot look at the recipe you are using to see which ingredient are being called for.

[artdoc]

M-m-m- pie!

Okay, I get it. Don't know that part name? I can live with that.

Thanks. It got fixed in a round-about way.

[Reignman]

I thought this plugin had stopped working on my board recently, but then sometimes it did work. It seemed pretty random. Refreshing the page sometimes made it work again, other times not.

But after investigating it a bit more, it appears to work all the time, as in the "quick quote" button appears every time you highlight some text on the page, but most of the time the button appears near the first post on the page, so if you're trying to quote something several posts down, you won't see it and think it's not working. If you scroll up the page fast enough you'll see it, but that's not very practical lol. Sometimes the button appears right by the highlighted text even if you're down the page.

Not sure what caused it to start behaving this way, we haven't changed anything on the board in awhile.

It's behaving this way on both Firefox and Chrome. I was wondering if any other boards were having this problem and if there's a solution? Thanks!

Our board is here:

purplepainforums.com/

[Chris]

1. 
   

   Second Update (solution):

   Reignman Since this is a fairly small plugin and not editable, you can get rid of it and place the coding from it into your global header, where you can then edit the code to fix the issue.
   
   

   SPOILER: Click to show

   Add this to your forum global header and disable the plugin

   <dialog class="quick-quote-div" style="/*display: none;*/margin:0; border: grey solid 1px; border-radius: 5px; opacity: 0.8; padding: 5px; background-color: white;">
   <form method="dialog">
       <input  name="quote" value="Quick Quote" type="submit" class="ui-button quick-quote-button" autofocus >
   </form>
</dialog>
<!-- Quick Quotes (UPDATED Oct 24, 2024 @ 1729681002992) -->
<script>
(() => {
   var isIE = document.all;
   var mouseX = 0;
   var mouseY = 0;

   function getMouseXY(e) {
       if (!e)
           e = window.event;
       if (e) {
           mouseX = isIE ? (e.clientX + document.body.scrollLeft) : e.pageX;
           mouseY = isIE ? (e.clientY + document.body.scrollTop) : e.pageY;
       }
   }

   document.addEventListener('mousemove', getMouseXY, true)

   function getSelectionHtml() {
       var html = "";
       if (typeof window.getSelection != "undefined") {
           var sel = window.getSelection();
           if ($(sel.anchorNode).parents('.message').is($(sel.focusNode).parents('.message')) && sel.rangeCount) {
               if($(sel.anchorNode).parents('.quote').is($(sel.focusNode).parents('.quote'))){ quotequote=$(sel.focusNode).parents('.quote'); }else{ quotequote=null;}
var container = document.createElement("div");
               for (var i = 0, len = sel.rangeCount; i < len; ++i) {
                   container.appendChild(sel.getRangeAt(i).cloneContents());
               }
$('.quote_clear', container).remove()
$(].quote_body', container).each((i,e)=>{$(e).contents().unwrap()});
$('.quote',container).each((i,e)=>{
let n = $(`<${e.className}>${e.innerHTML}</${e.className}>`);
for(const t of e.attributes)n.attr(t.name,t.value);
$(e).replaceWith(n);
})
               html = container.innerHTML;
           }
       } else if (typeof document.selection != "undefined") {
           if (document.selection.type == "Text") {
               html = document.selection.createRange().htmlText;
           }
       }
       return html;
   }

   var messageIDnum,
   messageIDsliced,
   messageAuthor,
   messageTimestamp,
   messageNew,
   quoteText,
quotequote;

   getSelectionHtml.mouseup = function (event) {
       var htmlSelection = getSelectionHtml();
       getSelectionHtml.mouseup.timeout && clearTimeout(getSelectionHtml.mouseup.timeout)
       quoteText = htmlSelection.replace(/>/g, "]");
       quoteText = quoteText.replace(/</g, "[");
       if ($('.unblocked .message:hover').length != 0) {

           if (htmlSelection != '') {
               getSelectionHtml.mouseup.timeout = setTimeout(function () {
                   $(".quick-quote-div").css({
                       position: "absolute",
                       top: mouseY,
                       left: mouseX
                   });
                   $(".quick-quote-div")[0].showModal();
                   setTimeout(function () {
                       if ($('.quick-quote-div:hover').length == 0) {
                           $('.quick-quote-div')[0].close()
                           htmlSelection = ''
                               quoteText = ''
                       }
                   }, 2500)

               }, 600);
if(quotequote){
messageNew = `[quote author="${$(quotequote).attr('author')}" source="${$(quotequote).attr('source')}" timestamp="${$(quotequote).attr('timestamp')}"]${quoteText}[/quote]`
}else{
               messageIDnum = $('.post:hover').attr('id');
               messageIDsliced = messageIDnum.substr(messageIDnum.lastIndexOf("-") + 1);
               messageAuthor = $('.post:hover .mini-profile').find('.user-link').attr('title') || $('.post:hover .mini-profile').find('[itemtype$="/Person"] span[itemprop="name"]').text();
               messageTimestamp = $('.post:hover .info').find('abbr:first').attr('data-timestamp');
               messageTimestamp = messageTimestamp.substring(0, messageTimestamp.length - 3);
               messageNew = '[quote author="' + messageAuthor + '" source="/post/' + messageIDsliced + '/thread" timestamp="' + messageTimestamp + '"]' + quoteText + '[/quote]'
}

           }
       }
   }

   $('.quick-quote-button').click(function () {
       
       if (quoteText != '') {
           pb.data('quick_reply') ? $('.quick-reply textarea').replaceSelection(messageNew + "\n")[0].scrollIntoView({
               block: 'start',
               inline: 'nearest',
               behavior: 'smooth'
           })
            : $('<form></form>', {
               method: 'POST',
               action: proboards.route('new_post', {
                   thread_id: pb.item('thread', pb.item('post', +messageIDsliced)['thread_id']).id
               })
           })
           .append($('<input>', {
                   name: 'quick_message'
               }).val(messageNew))
           .append($('<input>', {
               name: 'csrf_token'
               }).val(proboards.data("csrf_token") || "null"))
           .appendTo('body').attr('id', 'quick_form'),
           setTimeout(function () {
               pb.data('quick_reply') && $('.quick-reply textarea')[0].focus();
               $('#quick_form').submit()
           }, 500);
           htmlSelection = quoteText = '';
           $('.quick-quote-div')[0].close();
       }
   });

   $(document).ready(function () {

       $(document).bind("mouseup", getSelectionHtml.mouseup);
       $('.quick-quote-div').on('click', (event) => {
           event.target.tagName == 'DIALOG' && event.target.close();
       })

   });

})();
/** UPDATES:
- encapsulate to avoid global variables getting overwritten
- switched to <dialog> for top-layer treatment
- used jQuery.fn.replaceSelection to insert at caret position in quick reply
- look for timestamp only in .content > .info
- search mini-profile only for author
- support quoting guest posts
- scroll quick reply into view and set focus on typing area
- redirect to full reply if no quick reply is available
- ignore selections that are outbounds of the post content
- moved button click handler out of selection handler to avoid duplicate or multiple quotes on a single click
- properly cite nested quotes and add logic to convert them back to BBCode
- delayed button popup to allow for triple-click selections
**/
</script>

   
   

   
   
   

2. First Update:(Analysis)

   I was able to replicate the issue and identified the problem as a naming conflict on global variables named mouseY and mouseY where both the plugin and an ad script use that variable to track the mouse position with each overwriting the values of the other
   
   

   SPOILER: Click to show

   Code snippets at issue

   
   

   1. https://d15kdpgjg3unno.cloudfront.net/oPS.js?cid=68
      
      document.addEventListener("mousemove", p99996658);
   function p99996658(event) {
       window.mouseX = event.clientX;
       window.mouseY = event.clientY
   }

      
      
   2. https://storage.proboards.com/5999358/js/xgtGNnmGFKzPKJozxsvE.js
      
      function getMouseXY(e)
{
 if (!e) e = window.event;
 if (e)
 {
  mouseX = isIE ? (e.clientX + document.body.scrollLeft) : e.pageX;
  mouseY = isIE ? (e.clientY + document.body.scrollTop) : e.pageY;
 }
}

document.onmousemove = getMouseXY;

      
      

   
   
   Wrapping the plugin code in an IIFE would protect the variables and allow access through closure, but alas, the plugin is not editable (David Clark   are you still in earshot)??.

   
   
   
   

3. Original Reply (Investigation):

   Perhaps you could identify a specific thread where this behavior occurs?
   I selected a few words in random posts throughout the forum and got the expected popup quote button at the location where the mouse created the text selection. I used the drag-to-highlight method and double-clicked a word to highlight, and both showed as expected.
   
   

   SPOILER: Click to show

   

   
   
   Assuming more than one theme is installed on that forum, it could also be occurring for you on a specific theme. If you switch to an alternate theme, does the issue persist?
   

[Reignman]

Oct 13, 2024 21:02:13 GMT -8 Chris said:

1. Second Update (solution):

   Reignman Since this is a fairly small plugin and not editable, you can get rid of it and place the coding from it into your global header, where you can then edit the code to fix the issue.

Whoa, nice work Chris ! If it's not editable, where'd you get the code lol? All the boards seem to be down atm, but as soon as they're back up, I'll try your IIFE workaround, and hope David Clark can come up with a more permanent solution eventually. It's a super useful plugin! Thanks!

[Chris]

The plugin is not editable, but I can also access the code like the browser.

Let me know if you find any issues. I made a few additional changes to address some problems I saw mentioned in this thread, but as you know, fixing problems makes room for more.

I would have placed the code in a newly created editable plugin, but not without the author's permission.

If you have the plugin installed, you have an implicit right to "use" the code, so I think having the plugin installed but disabled still retains that right. All we're doing is getting the usher to ask the gentleman in the front row to remove the tall top hat so it doesn't block our view of the show. His rights and our right to enjoy the show are now both protected.

I believe Lynx took over a couple of David Clark plugin projects, so he might have some insight into his intentions regarding the plugins he left behind.

[Reignman]

Oct 21, 2024 1:12:57 GMT -8 Chris said:

Let me know if you find any issues. I made a few additional changes to address some problems I saw mentioned in this thread, but as you know, fixing problems makes room for more.

Now that the boards are back up, I setup your workaround and it's working great so far. Thanks a lot man, it was a popular plugin on our board and we're glad to have it working again.

[Chris]

I noticed there were some updates reverted when viewing the forum Reignman

SPOILER: Click to show

code taken from view-source of purplepainforums.com

<!-- Quick Quotes (UPDATED) -->
<script>
(()=>{
var isIE = document.all;
var mouseX = 0;
var mouseY = 0;

function getMouseXY(e)
{
 if (!e) e = window.event;
 if (e)
 {
  mouseX = isIE ? (e.clientX + document.body.scrollLeft) : e.pageX;
  mouseY = isIE ? (e.clientY + document.body.scrollTop) : e.pageY;
 }
}

document.onmousemove = getMouseXY;

function getSelectionHtml() {
   var html = "";
   if (typeof window.getSelection != "undefined") {
       var sel = window.getSelection();
       if (sel.rangeCount) {
           var container = document.createElement("div");
           for (var i = 0, len = sel.rangeCount; i < len; ++i) {
               container.appendChild(sel.getRangeAt(i).cloneContents());
           }
           html = container.innerHTML;
       }
   } else if (typeof document.selection != "undefined") {
       if (document.selection.type == "Text") {
           html = document.selection.createRange().htmlText;
       }
   }
   return html;
}

getSelectionHtml.mouseup = function(){
var htmlSelection = getSelectionHtml();
               
               var quoteText = htmlSelection.replace(/>/g, "]");
var quoteText = quoteText.replace(/</g, "[");
if ($('.unblocked .content:hover').length != 0) {
                   
                if (htmlSelection != '') {
                       
                    $(".quick-quote-div").css( {position:"absolute", top:mouseY, left:mouseX});
                    $(".quick-quote-div").css("display", "inline");
var messageIDnum = $('.post:hover').attr('id');
                               var messageIDsliced = messageIDnum.substr(messageIDnum.lastIndexOf("-")+1);
                               var messageAuthor = $('.post:hover').find('.user-link').attr('title');
                               var messageTimestamp = $('.post:hover').find('abbr:first').attr('data-timestamp');
                        messageTimestamp = messageTimestamp.substring(0, messageTimestamp.length - 3);
                               var messageNew = '[quote author="'+ messageAuthor + '" source="/post/' + messageIDsliced + '/thread" timestamp="' + messageTimestamp + '"]' + quoteText + '[/quote]'
                       
                       setTimeout(function() {
                    if ($('.quick-quote-div:hover').length == 0) {
                    $('.quick-quote-div').css("display", "none");
                       htmlSelection = ''
                       quoteText = ''
                }
                    },2500)
                       
                           $('.quick-quote-button').click(function() {
                               if (quoteText != '') {
                            var existingVal = $('.quick-reply textarea').val();
$('.quick-reply textarea').val(existingVal + messageNew + "\n");
                               htmlSelection = ''
                               quoteText = ''
                               }
                           });
                       
               }
               }
}

$(document).ready(function(){
               
$(document).bind("mouseup", getSelectionHtml.mouseup);
               
});
})();
/** UPDATES:
- encapsulate to avoid global variables getting overwritten
- switched to <dialog> element for the top-layer treatment
- used jQuery.fn.replaceSelection to insert at caret position in quick reply
- look for timestamp only in post .info not entire post
- search only mini-profile for author data not entire post
- support correctly citing guest posts by also looking for [itemprop="name"]
**/
</script>

so I am posting the reasoning behind the updates here for informational purposes so you can decide

Bug Fixes

1. -encapsulate to avoid global variables getting overwritten

   Oct 13, 2024 17:02:14 GMT -8 Reignman said:

   the "quick quote" button appears every time you highlight some text on the page, but most of the time the button appears near the first post on the page, so if you're trying to quote something several posts down, you won't see it and think it's not working. If you scroll up the page fast enough you'll see it, but that's not very practical

   
   another script was using the same global variable name as this plugin's script, resulting in values being overwritten
   
   
   (()=>{insert code here})() //encapsulate code in IIFE to isolate
   
   

2. -switched to <dialog> for top-layer treatment

   Jun 8, 2015 21:32:47 GMT -8 karutzar said:

   Some annoying detail is that button is messing with other plugins and some FF add-ons on copy/paste issues - have member that complain about this. Could it be possible to be assign it on hot key and/or button to be moved away from the selected text with option for time control.

   
   switched from <div> to <dialog> element to fly above the z-index battlefield
   
   
   $(".quick-quote-div")[0].showModal()
$('.quick-quote-div')[0].close()


<dialog class="quick-quote-div" style="margin:0;/*allows positioning of dialog*/">

   <form method="dialog">

       <input  name="quote" value="Quick Quote" type="submit" class="ui-button quick-quote-button" autofocus >

   </form>

</dialog>
   

3. -used jQuery.fn.replaceSelection to insert at caret position in quick reply

   Jul 30, 2014 18:04:02 GMT -8 moonbeam said:

   if you have bbcode as your default, it puts the quote after the bbcode instead of before. Yes, I can cut and paste the bbcode where it needs to be, but I am thinking of others that struggle with stuff like that.

   
   inserts at typing indicator rather than simply appending to the end of whatever is already in there
   
   
   $('.quick-reply textarea').replaceSelection(messageNew + "\n")
   

   
   

4. -look for timestamp only in .content > .info

   Oct 5, 2015 15:03:21 GMT -8 Ghost77 said:

   The resulting quote seems to give the quoted users join time/date instead of the post time, so it is making it appear as though what was quoted is much older than it actually is.
   
   This thread has some examples: the last two posts on p1 show a quote date of Jun 2014, but the quoted post was actually made in Oct 2015.
   
   Is this fixable, or something we have to live with?
   
   Thanks!

   
   look only at post .info data rather than in entire post to grab the correct timestamp (e.g., avoid using user join date if it is included in mini-profile and would be first in element order before actual date in .info)
   
   
   var messageTimestamp = $('.post:hover .info').find('abbr:first').attr('data-timestamp');
   

   
   

5. -search mini-profile only for author
   -support quoting guest posts

   Oct 9, 2017 1:50:42 GMT -8 elvispresley said:

   When quoting a Guest of whatever name instead of using that name in the quote this plugin just picks any members name.

   search only mini-profile for user-link not entire post which would contain links to people who liked the post, got tagged in the post or edited the post, also if poster is a guest then no user-link exists so extract guest name for the quote
   
   
   
   var messageAuthor = $('.post:hover .mini-profile').find('.user-link').attr('title') || $('.post:hover .mini-profile').find('[itemtype$="/Person"] span[itemprop="name"]').text();
   

   
   

6. -added test for quick reply presence (exits if no quick reply exists)

   -added test for quick reply and redirect to full reply if not present

   Nov 3, 2014 16:32:08 GMT -8 daz28 said:

   hi

   added the plugin and works a treat so far. except it don't work from the recent posts . is there any way to change it so it opens the editor from the recent posts ?

   
   

   thanks daz
   

   
   a missing quick reply such as on a recent posts page, means the plugin has nowhere to insert the quote...
   
   
   if(!pb.data('quick_reply'))return; //exit the function
   Update(10/22/24): redirect to full reply page instead
   
   

   pb.data('quick_reply') ? 
   $('.quick-reply textarea').replaceSelection(messageNew + "\n"); <== SyntaxError
                               : $('<form></form>',{method:'POST',action:proboards.route('new_post',{thread_id:pb.item('thread', pb.item('post', +messageIDsliced)['thread_id']).id})})
   							.append($('<input>',{name:'quick_message'}).val(messageNew))
   							.append('<input>',{name:'csrf_token', value: proboards.data("csrf_token") || "null"})
   							.appendTo('body').attr('id','quick_form'),
   							setTimeout(function(){$('#quick_form').submit()},500);

   
   
   Update(10/23/24): scroll quick reply into view and set focus to start typing
   
   

   pb.data('quick_reply') ? 
   $('.quick-reply textarea').replaceSelection(messageNew + "\n")[0].scrollIntoView({block:'start',inline:'nearest',behavior:'smooth'})
                               : $('<form></form>',{method:'POST',action:proboards.route('new_post',{thread_id:pb.item('thread', pb.item('post', +messageIDsliced)['thread_id']).id})})
   							.append($('<input>',{name:'quick_message'}).val(messageNew))
   							.append('<input>',{name:'csrf_token', value: proboards.data("csrf_token") || "null"})
   							.appendTo('body').attr('id','quick_form'),
   							setTimeout(function(){$('.quick-reply textarea')[0].focus();$('#quick_form').submit()},500);

   
   

   
   

If you've encountered issues then please post back here so they can be identified and addressed.

[bigballofyarn]

Chris ,

The only issue noted in 10 minutes of testing is that if a person is inclined to double/triple click to highlight a sentence rather than scroll with their mouse, it will break the quote. There are also the menus that browsers show on their own when you highlight text, which can appear under or over the quote button, sometimes making it appear like the quote button is there twice.

bigballofyarn.proboards.com/thread/70502/quote-highlighted-test?page=1&scrollTo=1336112

[Chris]

This message has been moved to Geocities by Chris .

Oct 22, 2024 15:22:17 GMT -8 bigballofyarn said:

Chris ,

The only issue noted in 10 minutes of testing is that if a person is inclined to double/triple click to highlight a sentence rather than scroll with their mouse, it will break the quote. There are also the menus that browsers show on their own when you highlight text, which can appear under or over the quote button, sometimes making it appear like the quote button is there twice.

bigballofyarn.proboards.com/thread/70502/quote-highlighted-test?page=1&scrollTo=1336112

You're seeing the quote button twice because both the plugin and the global header code are running. The header code is meant to replace and supersede the plugin because the plugin is not editable. Double-click was working fine, and it could simply be the two buttons competing. Disable the plugin and see if that is the issue (you'll need to recopy the header code since there was an errant semicolon error that was corrected when scrollIntoView was added).

SPOILER: Click to show

-added test for quick reply presence (exits if no quick reply exists)

-added test for quick reply and redirect to full reply if not present

Nov 3, 2014 16:32:08 GMT -8 daz28 said:

hi

added the plugin and works a treat so far. except it don't work from the recent posts . is there any way to change it so it opens the editor from the recent posts ?

thanks daz

a missing quick reply such as on a recent posts page, means the plugin has nowhere to insert the quote...


if(!pb.data('quick_reply'))return; //exit the function
Update(10/22/24): redirect to full reply page instead

pb.data('quick_reply') ? 
$('.quick-reply textarea').replaceSelection(messageNew + "\n"); <== SyntaxError
                            : $('<form></form>',{method:'POST',action:proboards.route('new_post',{thread_id:pb.item('thread', pb.item('post', +messageIDsliced)['thread_id']).id})})
							.append($('<input>',{name:'quick_message'}).val(messageNew))
							.append('<input>',{name:'csrf_token', value: proboards.data("csrf_token") || "null"})
							.appendTo('body').attr('id','quick_form'),
							setTimeout(function(){$('#quick_form').submit()},500);

Update(10/23/24): scroll quick reply into view and set focus to start typing

pb.data('quick_reply') ? 
$('.quick-reply textarea').replaceSelection(messageNew + "\n")[0].scrollIntoView({block:'start',inline:'nearest',behavior:'smooth'})
                            : $('<form></form>',{method:'POST',action:proboards.route('new_post',{thread_id:pb.item('thread', pb.item('post', +messageIDsliced)['thread_id']).id})})
							.append($('<input>',{name:'quick_message'}).val(messageNew))
							.append('<input>',{name:'csrf_token', value: proboards.data("csrf_token") || "null"})
							.appendTo('body').attr('id','quick_form'),
							setTimeout(function(){$('.quick-reply textarea')[0].focus();$('#quick_form').submit()},500);

As for clashing with browser selection popups, would adding an offset and a delay perhaps suffice (this is where a plugin with control knobs comes in handy)?

Oct 22, 2024 15:14:28 GMT -8 @purplesplat said:

Yes it does, but I wish you didn't have to scroll down to the quick reply manually.

That's an excellent idea unless, of course, you want to add multiple quotes, which could become a pain. This plugin is, however, geared toward creating quick quotes as opposed to mine, which is geared toward collecting and reusing quotes.

Add [0].scrollIntoView() to the line that adds the content to the quick reply to achieve that behavior...


pb.data('quick_reply') ? $('.quick-reply textarea').replaceSelection(messageNew + "\n")[0].scrollIntoView()
*updated in code posted above and removed the semicolon that was causing an error in that code





It should also be noted that the conversion from HTML to BBCode is far from perfect and is noted by the author in the first post. It is not tied into the Proboards API for conversions like mine, so certain things, such as tables, embeds, spoilers, etc., won't be correctly converted back to BBCode. It basically changes < and > into [ and ].

Jul 27, 2014 13:21:38 GMT -8 David Clark said:

KNOWN ISSUES:

• Always quote an original post, don't try to highlight and quick-quote a quote. Q: Why? A: It JUST DOESN'T WORK RIGHT NOW.
• There was at least one instance where unfortunate mouse placement caused me to quote the entire HTML of the post I was trying to quote, including things like the button/dropdown elements that you would use to delete your post. If it seems like a TON of extra BBCode was inserted into the Quick Reply area (like, 2x - 3x more than what you see in GIF #1 above) then just clear it out and try again. Be sure to carefully click and drag only the text you want, ensuring your mouse cursor lands within the message area when you release the click.
• If you use default BBCode to style your posts a certain way and attempt to use the quick quote to quote a portion of the post, the text will not have the styling applied. If the styling begins somewhere within the post like this, though, it'll quote with the style intact. 
• In some cases, mis-highlighting and then trying it again will produce multiple instances of a quote.

SOLVED ISSUES:

• v0.1.2
• Now works in Firefox! So I got that goin for me.

[bigballofyarn]

Chris ,

The plugin is definitely disabled. I enabled and disabled it again just in case it didn't save being disabled or something. I've removed the code I had in the global header. I readded the code from your second update.

People are achieving weird results when trying to click to select text. It actually seemed to work better when the plugin was presumably enabled. However, it's early, and I'm probably missing an obvious mistake on my end.

[Chris]

This message has been moved to Geocities by Chris .

Oct 23, 2024 1:57:32 GMT -8 bigballofyarn said:

Chris ,

The plugin is definitely disabled. I enabled and disabled it again just in case it didn't save being disabled or something. I've removed the code I had in the global header. I readded the code from your second update.

People are achieving weird results when trying to click to select text. It actually seemed to work better when the plugin was presumably enabled. However, it's early, and I'm probably missing an obvious mistake on my end.

I've added a few more guardrails, but keep in mind that this plugin takes a path I opted to avoid in my own plugin.
Specifically, it tries to convert HTML to BBCode by changing from angle to square brackets, but the process is a lot more involved than that. 

Oct 22, 2024 18:08:56 GMT -8 Chris said:

It should also be noted that the conversion from HTML to BBCode is far from perfect and is noted by the author in the first post. It is not tied into the Proboards API for conversions like mine, so certain things, such as tables, embeds, spoilers, etc., won't be correctly converted back to BBCode. It basically changes < and > into [ and ].

If you are looking for more reliable conversions rather than a quickie then I suggest you use my plugin which uses the same backend communication you see when flipping between preview and bbcode tab to get the server to do the conversions. This plugin is meant to be a quick highlight and post rather than a faithful HTML to BBCode renderer.

/** UPDATES:
- encapsulate to avoid global variables getting overwritten
- switched to <dialog> for top-layer treatment
- used jQuery.fn.replaceSelection to insert at caret position in quick reply
- look for timestamp only in .content > .info
- search mini-profile only for author
- support quoting guest posts

- scroll quick reply into view and set focus on typing area
- redirect to full reply if no quick reply is available
- ignore selections that are out-of-bounds of the post content
- moved button click handler out of selection handler to avoid duplicate or multiple quotes on a single click
- properly cite nested quotes and add logic to convert them back to BBCode
- delayed button popup to allow for triple-click selections

**/

The ignore out-of-bound selection update should address that third image you posted above, which obviously contained the <article> element so would be something out of bounds of the actual post content.

Jul 27, 2014 13:21:38 GMT -8 David Clark said:

KNOWN ISSUES:

• Always quote an original post, don't try to highlight and quick-quote a quote. Q: Why? A: It JUST DOESN'T WORK RIGHT NOW.
• There was at least one instance where unfortunate mouse placement caused me to quote the entire HTML of the post I was trying to quote, including things like the button/dropdown elements that you would use to delete your post. If it seems like a TON of extra BBCode was inserted into the Quick Reply area (like, 2x - 3x more than what you see in GIF #1 above) then just clear it out and try again. Be sure to carefully click and drag only the text you want, ensuring your mouse cursor lands within the message area when you release the click.
• If you use default BBCode to style your posts a certain way and attempt to use the quick quote to quote a portion of the post, the text will not have the styling applied. If the styling begins somewhere within the post like this, though, it'll quote with the style intact. 
• In some cases, mis-highlighting and then trying it again will produce multiple instances of a quote.

SOLVED ISSUES:

• v0.1.2
• Now works in Firefox! So I got that goin for me.

[bigballofyarn]

Chris,

Thank you for the information.

I will happily check out your plugin. Let me know which one to download specifically.

[Chris]

This message has been moved to Geocities by Chris .

Oct 23, 2024 4:14:21 GMT -8 bigballofyarn said:

Chris ,

Thank you for the information.

I will happily check out your plugin. Let me know which one to download specifically.

Oct 22, 2024 18:08:56 GMT -8 Chris said:

This plugin is, however, geared toward creating quick quotes as opposed to mine, which is geared toward collecting and reusing quotes.

[dustys]

Oct 23, 2024 4:32:17 GMT -8 Chris said:

Oct 23, 2024 4:14:21 GMT -8 bigballofyarn said:

Chris ,

Thank you for the information.

I will happily check out your plugin. Let me know which one to download specifically.

Oct 22, 2024 18:08:56 GMT -8 Chris said:

This plugin is, however, geared toward creating quick quotes as opposed to mine, which is geared toward collecting and reusing quotes.

Nothing happens when I install this. Am I supposed to keep the global footer from the other plugin?