Rules for copying text in ordinary plain, plain with all embedded URLs and html formats

iG8R commented 10 months ago

Hi. Suppose a user selects the following text:

SearchJumper-Text-with-URLs-Video_2023-10-30_231457.webm

-

- Is there a way to give an option to save it into the clipboard in the different following formats: 1. plain text with all embedded URLs under texts' highlights and images (my main concern)

    Just a personal work, maybe not suit you and won't provide support.

📧Mail Me (mailto:rixixi@gmail.com)

    Build with React.js
    UI: Material-UI (https://mui.com/)
    Icons: FontAwesome (https://fontawesome.com/)

(https://github.com/hoothin/SearchJumper/blob/main/demo1.gif) (https://github.com/hoothin/SearchJumper/blob/main/demo3.gif) (https://github.com/hoothin/SearchJumper/blob/main/demo2.gif)

2. html text

<html><body>
<!--StartFragment--><blockquote>
<p dir="auto"><em>Just a personal work, maybe not suit you and won't provide support.</em></p>
</blockquote>
<p dir="auto"><a href="mailto:rixixi@gmail.com"><strong>📧Mail Me</strong></a></p>
<ul dir="auto">
<li>Build with React.js</li>
<li>UI: <a href="https://mui.com/" rel="nofollow">Material-UI</a></li>
<li>Icons: <a href="https://fontawesome.com/" rel="nofollow">FontAwesome</a></li>
</ul>
<p dir="auto"><animated-image data-catalyst=""><a target="_blank" rel="noopener noreferrer" href="https://github.com/hoothin/SearchJumper/blob/main/demo1.gif" data-target="animated-image.originalLink"><img src="https://github.com/hoothin/SearchJumper/raw/main/demo1.gif" height="221px" style="max-width: 100%; display: inline-block;" data-target="animated-image.originalImage"></a>
      </animated-image><animated-image data-catalyst=""><a target="_blank" rel="noopener noreferrer" href="https://github.com/hoothin/SearchJumper/blob/main/demo3.gif" data-target="animated-image.originalLink"><img src="https://github.com/hoothin/SearchJumper/raw/main/demo3.gif" height="221px" style="max-width: 100%; display: inline-block;" data-target="animated-image.originalImage"></a>
      </animated-image><animated-image data-catalyst=""><a target="_blank" rel="noopener noreferrer" href="https://github.com/hoothin/SearchJumper/blob/main/demo2.gif" data-target="animated-image.originalLink"><img src="https://github.com/hoothin/SearchJumper/raw/main/demo2.gif" height="221px" style="max-width: 100%; display: inline-block;" data-target="animated-image.originalImage"></a></animated-image></p><!--EndFragment-->
</body>
</html>

3. ordinary plain text

    Just a personal work, maybe not suit you and won't provide support.

📧Mail Me

    Build with React.js
    UI: Material-UI
    Icons: FontAwesome

hoothin commented 10 months ago

You have not even installed SearchJumper. So what are you expecting???

iG8R commented 10 months ago

Well, this is my pre-installation preparation. :)

iG8R commented 10 months ago

What a beautiful design and smooth operation of the script, wow.

hoothin commented 10 months ago

SearchJumper does not have the ability to extract the HTML of selected elements, which may be added in the future. I didn't have a good idea where to add it.

iG8R commented 10 months ago

Is SearchJumper able to intercept what is passed to the clipboard?

If yes, then, usually, when something is copied in the browser, it is transmitted in two versions at once - text/plain and text/html. Maybe then it will be possible to process text/html with SearchJumper?

PS. This feature would be way useful, as when we copy texts from web pages and paste them into applications or forms that don't support pasting texts with richtext/html formatting, we encounter a problem of missing a very important part of these texts - URLs, since usually the overwhelming majority of URLs on any web page are hidden under text descriptions and images.

hoothin commented 10 months ago

No, it can't. https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/read . On firefox, only addon can do that, but not greasemonkey script.

iG8R commented 10 months ago

What a pity :(

hoothin commented 10 months ago

You can try %element now

copy inner text with url or img of select elements c:%element{}
copy html of select elements c:%element{}.prop(innerHTML)
copy plain text c:%s

iG8R commented 10 months ago

Amazing! Thank you very much! Is it possible to customize how the copied text+URL will look, for example, currently it is copied like this

[📧Mail Me](mailto:rixixi@gmail.com)

Build with React.js
UI: [Material-UI](https://mui.com/)
Icons: [FontAwesome](https://fontawesome.com/)

E.i. with [ ] around text and ( ) around the URL. Make it possible for it to look text (URL) or {text | URL}, or text [URL] etc.

iG8R commented 10 months ago

Some texts reveal bugs in their processing, but this in no way diminishes how cool it is!


Icons: [FontAwesome](https://fontawesome.com/)

[![](https://github.com/hoothin/SearchJumper/raw/main/demo1.gif)](https://github.com/hoothin/SearchJumper/blob/main/demo1.gif)

        [

            ![demo1.gif](https://github.com/hoothin/SearchJumper/raw/main/demo1.gif)
          ](https://github.com/hoothin/SearchJumper/blob/main/demo1.gif)

          [

          ](https://github.com/hoothin/SearchJumper/blob/main/demo1.gif)

      [![](https://github.com/hoothin/SearchJumper/raw/main/demo3.gif)](https://github.com/hoothin/SearchJumper/blob/main/demo3.gif)

        [

            ![demo3.gif](https://github.com/hoothin/SearchJumper/raw/main/demo3.gif)
          ](https://github.com/hoothin/SearchJumper/blob/main/demo3.gif)

          [

          ](https://github.com/hoothin/SearchJumper/blob/main/demo3.gif)

      [![](https://github.com/hoothin/SearchJumper/raw/main/demo2.gif)](https://github.com/hoothin/SearchJumper/blob/main/demo2.gif)

iG8R commented 10 months ago

On https://www.twitch.tv/directory

SearchJumper-Text-URL-some-issue-01-Video_2023-11-01_123134.webm

hoothin commented 10 months ago

I've optimized a little, but this is just a experimenting and I think addon like Copy as Markdown will be better. Anyway, you can try %element{}.prop(outerHTML).replace() for more possibilities.

iG8R commented 10 months ago

Thank you for advice. Copy as Markdown - very good addon, but it only copies connected pair [link title](URL)or [page title](URL), not entire selected text with URLs. As for the Markdown format - it is used mostly among among specialists (typesetting, design, IT), for common people, like parents or friends such a text format would be incomprehensible and confusing. That’s actually why I asked for the ability to customize the text-link design type, so that it would be convenient for everyone with whom you communicate and send information. Of course, it is possible to use wildcard substitution manually, but it would be much more convenient for any user, even Vim fans, if there was an option to set formatting options initially.

hoothin commented 10 months ago

It's easy with %element.replace, like

copy text with url like txt(url) without image

c:%element{}.replace(/!\[.*?\]\(.*?\)/g,"").replace(/\[(.*?)\](\(.*?\))/g,"$1$2")

hoothin commented 10 months ago

copy text with url like {txt | url} without image

c:%element{}.replace(/!\[.*?\]\(.*?\)/g,"").replace(/\[(.*?)\]\((.*?)\)/g,"{ $1 | $2 }")

iG8R commented 10 months ago

Thanks a lot!

iG8R commented 10 months ago

Unfortunately, the new rules do not work as well as the first ones. I know that the script still needs to be optimized, so the data below is just for information on how things are at the moment.

c:%element{}
```
[📧Mail Me](mailto:rixixi@gmail.com) 
Build with React.js
UI:  [Material-UI](https://mui.com/) 
Icons:  [FontAwesome](https://fontawesome.com/) 
[![](https://github.com/hoothin/SearchJumper/raw/main/demo1.gif)](https://github.com/hoothin/SearchJumper/blob/main/demo1.gif) 
[![demo1.gif](https://github.com/hoothin/SearchJumper/raw/main/demo1.gif)](https://github.com/hoothin/SearchJumper/blob/main/demo1.gif) 
[![](https://github.com/hoothin/SearchJumper/raw/main/demo3.gif)](https://github.com/hoothin/SearchJumper/blob/main/demo3.gif) 
[![demo3.gif](https://github.com/hoothin/SearchJumper/raw/main/demo3.gif)](https://github.com/hoothin/SearchJumper/blob/main/demo3.gif) 
[![](https://github.com/hoothin/SearchJumper/raw/main/demo2.gif)](https://github.com/hoothin/SearchJumper/blob/main/demo2.gif) 
```
[Click on text to copy a link to the clipboard - javascript ![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACDklEQVR4Ae1VA6wcURR9tW23+95s7cZVUNuKaiOsu3dqB7UV1EFt27btjup2el6y+ObMFv+f5OwObuacqzyWilQ4CYs8tQwSJw3ilcIu/n6qJ5dJ4gNow8SdD1Q6Nws3DFVpBwO/QBvcYa9n6VwVlALItkIkE8TH+w1ITmVuAuLzIfLFUpW+QVPE0prEt/oN/EJMR1fEP08sUwoCLyJku9qmIlmD8+DjN/3PLZPKVGFuwKTShSFwMIKJKzp5vAzQyVsO9x/9Q3kf9/ndmQOqn172OsLwaRBszwBLFS1Cz/keR4bSJKWrRUpz2WsWARbx1oE19IvOthfVzGD5xLgIFZrtxK6/95f1rukTw+Qz5odGXODdhZCgcuSTTxQ3SNmMeAMm+yR36iuglIcDAn4jukVibqD3NpXOjJgVEWJewWjDjxMEZ04BgjX8Il8iCP0Cd5gqbyLbg5geuP8MPpFVYG7AmCQKoKxjIPIUtCPwluHjg3TVW8exc8EiT1NTFd2M8Ur5qNMshw1CndGOE1GMjHBw58W+CH03wWOy92APa7yoLk0ETkTErEGLnr+ZVjaHkwZ2ghpox8Kv4DkYWwwOkBvBnIYcLjnthso7IcNpENyN/3cxGZItS5bY8jXrbEmWAHwiT0ld5W2Queo/iJ5oVCFvxO+4ZCBuOGpAljUx/I8MJAP/vgEn+K8ZCD9S8Rsz4IeXsWZCowAAAABJRU5ErkJggg==) Stack Overflowhttps://stackoverflow.com › questions › click-on-text-t...](https://stackoverflow.com/questions/51625169/click-on-text-to-copy-a-link-to-the-clipboard) Stack Overflowhttps://stackoverflow.com › questions › click-on-text-t...

c:%element{}.replace(/![.?](.?)/g,"").replace(/[(.?)]((.?))/g,"$1 $2")

📧Mail Me (mailto:rixixi@gmail.com) 
Build with React.js
UI:  Material-UI (https://mui.com/) 
Icons:  FontAwesome (https://fontawesome.com/) 
(https://github.com/hoothin/SearchJumper/blob/main/demo1.gif) 
(https://github.com/hoothin/SearchJumper/blob/main/demo1.gif) 
(https://github.com/hoothin/SearchJumper/blob/main/demo3.gif) 
(https://github.com/hoothin/SearchJumper/blob/main/demo3.gif) 
(https://github.com/hoothin/SearchJumper/blob/main/demo2.gif)

Click on text to copy a link to the clipboard - javascript Stack Overflowhttps://stackoverflow.com › questions › click-on-text-t... (https://stackoverflow.com/questions/51625169/click-on-text-to-copy-a-link-to-the-clipboard) Stack Overflowhttps://stackoverflow.com › questions › click-on-text-t...

hoothin commented 10 months ago

So? I think it works as I expected. What's your expected behavior?

iG8R commented 10 months ago

hoothin commented 10 months ago

![] means image with no alt info (https://github.com/hoothin/SearchJumper/blob/main/demo1.gif) means this is a link but without text (which was image there). If you don't want to save links without text, add another replace like c:%element{}.replace(/!\[.*?\]$.*?$/g,"").replace(/\[ *\]$.*?$\s*/g,"").replace(/\[(.*?)\]$(.*?)$/g,"{ $1 | $2 }").

I don't know why you can't get all links but I get this result on my Chrome. { Click on text to copy a link to the clipboard - javascript Stack Overflowhttps://stackoverflow.com › questions › click-on-text-t... | https://stackoverflow.com/questions/51625169/click-on-text-to-copy-a-link-to-the-clipboard } Stack Overflowhttps://stackoverflow.com › questions › click-on-text-t...Aug 1, 2018 — 2 Answers 2 · Create a element to be appended to the document. · Set its value to the string that we want to copy to the clipboard. { 2 answers | <a href="https://stackoverflow.com/a/51625261">https://stackoverflow.com/a/51625261</a> } · Top answer: If you want to ensure compatibility with all major browsers, you can use the following ... { Copy a text when a link or button is clicked - Stack Overflow | <a href="https://stackoverflow.com/questions/19606221/copy-a-text-when-a-link-or-button-is-clicked">https://stackoverflow.com/questions/19606221/copy-a-text-when-a-link-or-button-is-clicked</a> } Oct 26, 2013 { How to copy the link href itself to the clipboard when clicked | <a href="https://stackoverflow.com/questions/54699045/how-to-copy-the-link-href-itself-to-the-clipboard-when-clicked">https://stackoverflow.com/questions/54699045/how-to-copy-the-link-href-itself-to-the-clipboard-when-clicked</a> } Feb 14, 2019 { How to create a copy text link? - html - Stack Overflow | <a href="https://stackoverflow.com/questions/64406456/how-to-create-a-copy-text-link">https://stackoverflow.com/questions/64406456/how-to-create-a-copy-text-link</a> } Oct 17, 2020 { JavaScript: copy text to clipboard and append source hyperlink | <a href="https://stackoverflow.com/questions/31968274/javascript-copy-text-to-clipboard-and-append-source-hyperlink">https://stackoverflow.com/questions/31968274/javascript-copy-text-to-clipboard-and-append-source-hyperlink</a> } Aug 12, 2015 { More results from stackoverflow.com | <a href="https://www.google.com/search?q=html+copying+text+with+links+site:stackoverflow.com&newwindow=1&sca_esv=578743716&sa=X&ved=2ahUKEwiF2Zz516SCAxXdnGoFHcx2Df0QrQIoBHoECBsQBQ">https://www.google.com/search?q=html+copying+text+with+links+site:stackoverflow.com&newwindow=1&sca_esv=578743716&sa=X&ved=2ahUKEwiF2Zz516SCAxXdnGoFHcx2Df0QrQIoBHoECBsQBQ</a> } </code></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/iG8R"><img src="https://avatars.githubusercontent.com/u/11407417?v=4" />iG8R</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p><a href="https://github.com/hoothin/SearchJumper/assets/11407417/53422156-d1fb-40a8-a21e-6e9d80d3a1af">SearchJumper-Rules-for-Text-URL-Video_2023-11-02_085110.webm</a></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/hoothin"><img src="https://avatars.githubusercontent.com/u/5361213?v=4" />hoothin</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>I need more informations like platform os</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/iG8R"><img src="https://avatars.githubusercontent.com/u/11407417?v=4" />iG8R</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>This is me using Firefox :(</p> <p>I just checked, under the same conditions in EDGE and Chrome - that's right, everything works there as you say, links are not eaten.</p> <ul> <li>OS: Microsoft Windows [Version 10.0.19045.2673] 64bit</li> <li>Browser: Firefox 119.0 64bit</li> <li>Browser: Chrome 118.0.5993.90 (Official Build) (64-bit)</li> <li>Browser: Edge 118.0.2088.69 (Official build) (64-bit)</li> </ul> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/hoothin"><img src="https://avatars.githubusercontent.com/u/5361213?v=4" />hoothin</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>Thanks, firefox has multiple range. I've fixed.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/iG8R"><img src="https://avatars.githubusercontent.com/u/11407417?v=4" />iG8R</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>On the contrary, I am very grateful that my question is being treated with such attentiveness and care.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/iG8R"><img src="https://avatars.githubusercontent.com/u/11407417?v=4" />iG8R</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>Thanks a lot! Is it possible for the formatting of the copied text to be preserved, i.e. if the original text contains line breaks, the copied text would also have the same line breaks? For example, the example above.</p> <p>Was: <code> Click on text to copy a link to the clipboard - javascript Stack Overflowhttps://stackoverflow.com › questions › click-on-text-t... (https://stackoverflow.com/questions/51625169/click-on-text-to-copy-a-link-to-the-clipboard) Stack Overflowhttps://stackoverflow.com › questions › click-on-text-t...Aug 1, 2018 — 2 Answers 2 · Create a <textarea> element to be appended to the document. · Set its value to the string that we want to copy to the clipboard. 2 answers (https://stackoverflow.com/a/51625261) · Top answer: If you want to ensure compatibility with all major browsers, you can use the following ... Copy a text when a link or button is clicked - Stack Overflow (https://stackoverflow.com/questions/19606221/copy-a-text-when-a-link-or-button-is-clicked) Oct 26, 2013 How to copy a HyperText link into clipboard without losing the ... (https://stackoverflow.com/questions/53003980/how-to-copy-a-hypertext-link-into-clipboard-without-losing-the-link-properties) Oct 26, 2018 How to create a copy text link? - html - Stack Overflow (https://stackoverflow.com/questions/64406456/how-to-create-a-copy-text-link) Oct 17, 2020 JavaScript: copy text to clipboard and append source hyperlink (https://stackoverflow.com/questions/31968274/javascript-copy-text-to-clipboard-and-append-source-hyperlink) Aug 12, 2015 More results from stackoverflow.com (https://www.google.com/search?q=html+copying+text+with+links+site:stackoverflow.com&newwindow=1&sca_esv=578730287&sxsrf=AM9HkKkGnlxPaXxzD4fFPKm3k_apsQD63A:1698970246764&sa=X&ved=2ahUKEwj9-6qwxaaCAxUSGhAIHdBgA10QrQIoBHoECAwQBQ) </code></p> <p>Became:</p> <pre><code>Click on text to copy a link to the clipboard - javascript Stack Overflow https://stackoverflow.com › questions › click-on-text-t... (https://stackoverflow.com/questions/51625169/click-on-text-to-copy-a-link-to-the-clipboard) Aug 1, 2018 — 2 Answers 2 · Create a <textarea> element to be appended to the document. · Set its value to the string that we want to copy to the clipboard. 2 answers (https://stackoverflow.com/a/51625261) · Top answer: If you want to ensure compatibility with all major browsers, you can use the following ... Copy a text when a link or button is clicked - Stack Overflow (https://stackoverflow.com/questions/19606221/copy-a-text-when-a-link-or-button-is-clicked) Oct 26, 2013 How to copy a HyperText link into clipboard without losing the ... (https://stackoverflow.com/questions/53003980/how-to-copy-a-hypertext-link-into-clipboard-without-losing-the-link-properties) Oct 26, 2018 How to create a copy text link? - html - Stack Overflow (https://stackoverflow.com/questions/64406456/how-to-create-a-copy-text-link) Oct 17, 2020 JavaScript: copy text to clipboard and append source hyperlink (https://stackoverflow.com/questions/31968274/javascript-copy-text-to-clipboard-and-append-source-hyperlink) Aug 12, 2015 More results from stackoverflow.com (https://www.google.com/search?q=html+copying+text+with+links+site:stackoverflow.com&newwindow=1&sca_esv=578730287&sxsrf=AM9HkKkGnlxPaXxzD4fFPKm3k_apsQD63A:1698970246764&sa=X&ved=2ahUKEwj9-6qwxaaCAxUSGhAIHdBgA10QrQIoBHoECAwQBQ) </code></pre> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/hoothin"><img src="https://avatars.githubusercontent.com/u/5361213?v=4" />hoothin</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>Yes, you can try 1.6.30.21 But there are two things I have no idea how to work out for now.</p> <ol> <li>If there are link breaks inside links. It must remove the breaks to combine text with link</li> <li>Some text do not show as their actual order because of css style, for example, <code>Stack Overflow</code> is over <code>Click on text</code></li> </ol> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/iG8R"><img src="https://avatars.githubusercontent.com/u/11407417?v=4" />iG8R</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>Almost perfect! Is it possible to make line breaks take into account <code><div></code> tags, so that the sequence of paragraphs is not disrupted in this way? For example.</p> <pre><code>Click on text to copy a link to the clipboard - javascript Stack Overflow https://stackoverflow.com › questions › click-on-text-t... (https://stackoverflow.com/questions/51625169/click-on-text-to-copy-a-link-to-the-clipboard) Aug 1, 2018 — 2 Answers 2 · Create a <textarea> element to be appended to the document. · Set its value to the string that we want to copy to the clipboard. 2 answers (https://stackoverflow.com/a/51625261) · Top answer: If you want to ensure compatibility with all major browsers, you can use the following ... Copy a text when a link or button is clicked - Stack Overflow (https://stackoverflow.com/questions/19606221/copy-a-text-when-a-link-or-button-is-clicked) Oct 26, 2013 How to copy a HyperText link into clipboard without losing the ... (https://stackoverflow.com/questions/53003980/how-to-copy-a-hypertext-link-into-clipboard-without-losing-the-link-properties) Oct 26, 2018 How to create a copy text link? - html - Stack Overflow (https://stackoverflow.com/questions/64406456/how-to-create-a-copy-text-link) Oct 17, 2020 JavaScript: copy text to clipboard and append source hyperlink (https://stackoverflow.com/questions/31968274/javascript-copy-text-to-clipboard-and-append-source-hyperlink) Aug 12, 2015 More results from stackoverflow.com (https://www.google.com/search?q=html+copying+text+with+links+site:stackoverflow.com&newwindow=1&sca_esv=579018559&sxsrf=AM9HkKlEMH1ZH33OGONuKEoWlgnKiuJlmQ:1698973121166&sa=X&ved=2ahUKEwiNzfqK0KaCAxURLhAIHXfCAwcQrQIoBHoECBEQBQ)</code></pre> <p><img src="https://github.com/hoothin/SearchJumper/assets/11407417/b3899afe-6be9-44fd-a284-9f719cc320ea" alt="image" /> <img src="https://github.com/hoothin/SearchJumper/assets/11407417/7c179c45-2ff1-49a1-8baa-1a0bb839eae5" alt="image" /></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/hoothin"><img src="https://avatars.githubusercontent.com/u/5361213?v=4" />hoothin</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>No, as I said, it's because css style. <code>.TbwUpd.ojE3Fb</code> has <code>position: absolute</code> so it's over <code>LC20lb MBeuO DKV0Md</code>. I can't enumerate all the possibility of css unless I calculate every position of elements, that's unworkable.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/iG8R"><img src="https://avatars.githubusercontent.com/u/11407417?v=4" />iG8R</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>I got it. This is not such a big problem after all.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/hoothin"><img src="https://avatars.githubusercontent.com/u/5361213?v=4" />hoothin</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>Finally, I decided to remain line breaks inside links in 1.6.30.22. So please replace rules with below.</p> <ul> <li>copy text with url like txt(url) without image <code>c:%element{}.replace(/!\[.*?\]$.*?$/g,"").replace(/\[ *\]$.*?$\s*/g,"").replace(/\[((.|\n)*?)\]($.*?$)/g,"$1 $3")</code></li> <li>copy text with url like {txt | url} without image <code>c:%element{}.replace(/!\[.*?\]$.*?$/g,"").replace(/\[\s*\]$.*?$\s*/g,"").replace(/\[((.|\n)*?)\]$(.*?)$/g,"{ $1 | $3 }")</code></li> </ul> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/iG8R"><img src="https://avatars.githubusercontent.com/u/11407417?v=4" />iG8R</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>Yes, it works! Is it possible to not treat a whitespace as a line break too? And somehow the text after <code>Top answer: </code> turned out to be linebreaked.</p> <pre><code>2 answers (https://stackoverflow.com/a/51625261) · Top answer: If you want to ensure compatibility with all major browsers, you can use the following ...</code></pre> <p><img src="https://github.com/hoothin/SearchJumper/assets/11407417/fcb5df24-5096-4f33-bc0e-7b848fa089ec" alt="image" /></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/hoothin"><img src="https://avatars.githubusercontent.com/u/5361213?v=4" />hoothin</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>No, it's native behaviour, you can try to copy with contextmenu by browser itself and check. After all, you can use replace to remove it like <code>replace(/\n(.)\n/g,' $1 ')</code> it means remove the breaks when there is only one character in the line.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/iG8R"><img src="https://avatars.githubusercontent.com/u/11407417?v=4" />iG8R</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>OK, thanks a lot!</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/iG8R"><img src="https://avatars.githubusercontent.com/u/11407417?v=4" />iG8R</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>I found an open source addon, just in JavaScript, which copies the text on the page in the form of Markdown - it handles the processing of the appearance of text, links and pictures very well. <a href="https://github.com/0x6b/copy-selection-as-markdown">https://github.com/0x6b/copy-selection-as-markdown</a> <a href="https://addons.mozilla.org/en-US/firefox/addon/copy-selection-as-markdown/">https://addons.mozilla.org/en-US/firefox/addon/copy-selection-as-markdown/</a></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/hoothin"><img src="https://avatars.githubusercontent.com/u/5361213?v=4" />hoothin</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>Congratulations, that must be better as a standalone addon.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/iG8R"><img src="https://avatars.githubusercontent.com/u/11407417?v=4" />iG8R</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>I would still prefer one universal add-on - SearchJumper :) Is it possible to integrate the above-mentioned script into SearchJumper?</p> <p>PS. Just remembered that I wanted to ask for a long time - is it possible to separately control the sizes of the toolbar, tiles and disc? If there is a faster way to open the SearchJumper configuration window, other than to click on the SearchJumper icon on the toolbar -> get into the window with all Search engines and click on the SearchJumper icon again there?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/hoothin"><img src="https://avatars.githubusercontent.com/u/5361213?v=4" />hoothin</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>No, It's too heavy for SearchJumper. But you can install the addon and expose interfaces under window. After that you can call the function with <code>javascript:xxx</code> in engine of SearchJumper.</p> <p>Ok, I'll split the zoom option.:)</p> <p>You can visit configuration page through command menu or just open <a href="https://hoothin.github.io/SearchJumper/">https://hoothin.github.io/SearchJumper/</a>. Create a new engine point to the URL and bind a shortcut key is a good idea too.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/iG8R"><img src="https://avatars.githubusercontent.com/u/11407417?v=4" />iG8R</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <blockquote> <p>You can visit configuration page through command menu Create a new engine point to the URL and bind a shortcut key is a good idea too.</p> </blockquote> <p>Exactly, these are the two fastest ways.</p> <p>And yet, before I forgot to ask :), how can I increase the number of shortcuts in one row of the panel so that not 6, but more appear in one line?</p> <p><img src="https://github.com/hoothin/SearchJumper/assets/11407417/c2fecf4d-ff00-4d1d-ab6d-0ee9eb91c1aa" alt="image" /></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/hoothin"><img src="https://avatars.githubusercontent.com/u/5361213?v=4" />hoothin</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>Change <code>Show engines number</code>. You can't increase the number of shortcuts in one row for now. The style is complex and I have no way to make that customizable.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/iG8R"><img src="https://avatars.githubusercontent.com/u/11407417?v=4" />iG8R</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>I knew about the <code>Show engines number</code> option. I was specifically interested in the question of the number of shortcuts in one line when the panel appeared after selecting text.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/hoothin"><img src="https://avatars.githubusercontent.com/u/5361213?v=4" />hoothin</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>1.7.1 has been deployed, you can set the number per line now.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/iG8R"><img src="https://avatars.githubusercontent.com/u/11407417?v=4" />iG8R</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>Thanks a lot! There are some nuances.</p> <ol> <li>is it possible to separate the connection between setting the toolbar size and tiles? Also, it would be nice to adjust the size of the labels above the tiles.</li> <li>It would be great if SJ didn't display empty space/spaces, even when the number of icons in a row is less than in the settings. It's just that there are situations where some conditions are not met and the icon(s) will not appear, but if the conditions are met, that icon(s) will appear and there will be room for it/they.</li> </ol> <p><img src="https://github.com/hoothin/SearchJumper/assets/11407417/e9a5c71a-74a3-49e0-8fdf-d24cd5551623" alt="image" /></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/hoothin"><img src="https://avatars.githubusercontent.com/u/5361213?v=4" />hoothin</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>Sorry but no, both engine icons inside toolbar and tile are the same ones. If I separate them, it means I have to write hundreds lines of css to adjust it. Hide empty space in tile is workable. I will make it later.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/iG8R"><img src="https://avatars.githubusercontent.com/u/11407417?v=4" />iG8R</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>Thanks a lot. And what about the font size of the labels above the tiles?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/iG8R"><img src="https://avatars.githubusercontent.com/u/11407417?v=4" />iG8R</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>If separating the toolbar and tile icons would be tedious, could the size limit be reduced to, say, 10%?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/hoothin"><img src="https://avatars.githubusercontent.com/u/5361213?v=4" />hoothin</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>Which font size do you mean? There are three fonts above the tiles: <code>tips</code>/<code>word when no icon</code>/<code>name beside the engine icon</code></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/iG8R"><img src="https://avatars.githubusercontent.com/u/11407417?v=4" />iG8R</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>The one with which the phrase "Search in page" was written.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/hoothin"><img src="https://avatars.githubusercontent.com/u/5361213?v=4" />hoothin</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p><img src="https://github.com/hoothin/SearchJumper/assets/5361213/f3bf6101-d86e-4afc-b63a-63d8117bef59" alt="image" /> Is this it?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/iG8R"><img src="https://avatars.githubusercontent.com/u/11407417?v=4" />iG8R</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>Yes:) Since if the tiles are small and the label is large, it will look somewhat strange.</p> </div> </div> <div class="page-bar-simple"> <a href="/hoothin/SearchJumper/100?page=2" class="next">Next</a> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>

hoothin / SearchJumper

Rules for copying text in ordinary plain, plain with all embedded URLs and html formats #100

-