Comments (6)
notlmn
commented on June 2, 2024
Could you paste the markup of this response here, if it's just <code></code> that would be considered single-line code.
It has to be <pre></pre> or <pre><code></code></pre> for it to be considered multi-line codeblock if I'm not wrong according to Turndown.
from copy-as-markdown.
gwpl
commented on June 2, 2024
Sure, , just ask GPT for few lines of code, here it is random sample:
raw html:
<div class="relative flex w-[calc(100%-50px)] flex-col gap-1 md:gap-3 lg:w-[calc(100%-115px)]"><div class="flex flex-grow flex-col gap-3"><div class="min-h-[20px] flex flex-col items-start gap-4 whitespace-pre-wrap"><div class="markdown prose w-full break-words dark:prose-invert dark"><p>Sure! Here's an example of 5 lines of Rust code that utilize a few advanced language features:</p><pre><div class="bg-black rounded-md mb-4"><div class="flex items-center relative text-gray-200 bg-gray-800 px-4 py-2 text-xs font-sans justify-between rounded-t-md"><span>rust</span><button class="flex ml-auto gap-2"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect></svg>Copy code</button></div><div class="p-4 overflow-y-auto"><code class="!whitespace-pre hljs language-rust"><span class="hljs-keyword">let</span> <span class="hljs-keyword"></span><span class="hljs-variable">arr</span> = [<span class="hljs-number">1</span>, <span class="hljs-number">2</span>, <span class="hljs-number">3</span>, <span class="hljs-number">4</span>, <span class="hljs-number">5</span>];
<span class="hljs-keyword">let</span> <span class="hljs-keyword"></span><span class="hljs-variable">sum_of_squares</span>: <span class="hljs-type">i32</span> = arr.<span class="hljs-title function_ invoke__">iter</span>().<span class="hljs-title function_ invoke__">map</span>(|&x| x * x).<span class="hljs-title function_ invoke__">sum</span>();
<span class="hljs-built_in">println!</span>(<span class="hljs-string">"Sum of squares of {:?} is {}"</span>, arr, sum_of_squares);
</code></div></div></pre><p>This code creates an array of integers, squares each element using an iterator's <code>map</code> method and then computes the sum of the squared values using the <code>sum</code> method. Finally, it prints out the sum of squares using string formatting.</p><p>This code uses Rust's array types, iterators, closures, and string formatting all in just 5 lines of code!</p></div></div></div><div class="flex justify-between lg:block"><div class="text-xs flex items-center justify-center gap-1 self-center pt-2 !invisible"><button disabled="" class="dark:text-white disabled:text-gray-300 dark:disabled:text-gray-400"><svg stroke="currentColor" fill="none" stroke-width="1.5" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><polyline points="15 18 9 12 15 6"></polyline></svg></button><span class="flex-grow flex-shrink-0">1 / 1</span><button disabled="" class="dark:text-white disabled:text-gray-300 dark:disabled:text-gray-400"><svg stroke="currentColor" fill="none" stroke-width="1.5" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><polyline points="9 18 15 12 9 6"></polyline></svg></button></div><div class="text-gray-400 flex self-end lg:self-center justify-center mt-2 gap-2 md:gap-3 lg:gap-1 lg:absolute lg:top-0 lg:translate-x-full lg:right-0 lg:mt-0 lg:pl-2 visible"><button class="flex ml-auto gap-2 h-full w-full rounded-md p-1 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect></svg></button><button class="p-1 rounded-md hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path></svg></button><button class="p-1 rounded-md hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"></path></svg></button></div></div></div>
pretty formatted html:
<div
class="relative flex w-[calc(100%-50px)] flex-col gap-1 md:gap-3 lg:w-[calc(100%-115px)]"
>
<div class="flex flex-grow flex-col gap-3">
<div
class="min-h-[20px] flex flex-col items-start gap-4 whitespace-pre-wrap"
>
<div class="markdown prose w-full break-words dark:prose-invert dark">
<p>
Sure! Here's an example of 5 lines of Rust code that utilize a few
advanced language features:
</p>
<pre><div class="bg-black rounded-md mb-4"><div class="flex items-center relative text-gray-200 bg-gray-800 px-4 py-2 text-xs font-sans justify-between rounded-t-md"><span>rust</span><button class="flex ml-auto gap-2"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect></svg>Copy code</button></div><div class="p-4 overflow-y-auto"><code class="!whitespace-pre hljs language-rust"><span class="hljs-keyword">let</span> <span class="hljs-keyword"></span><span class="hljs-variable">arr</span> = [<span class="hljs-number">1</span>, <span class="hljs-number">2</span>, <span class="hljs-number">3</span>, <span class="hljs-number">4</span>, <span class="hljs-number">5</span>];
<span class="hljs-keyword">let</span> <span class="hljs-keyword"></span><span class="hljs-variable">sum_of_squares</span>: <span class="hljs-type">i32</span> = arr.<span class="hljs-title function_ invoke__">iter</span>().<span class="hljs-title function_ invoke__">map</span>(|&x| x * x).<span class="hljs-title function_ invoke__">sum</span>();
<span class="hljs-built_in">println!</span>(<span class="hljs-string">"Sum of squares of {:?} is {}"</span>, arr, sum_of_squares);
</code></div></div></pre>
<p>
This code creates an array of integers, squares each element using an
iterator's <code>map</code> method and then computes the sum of the
squared values using the <code>sum</code> method. Finally, it prints
out the sum of squares using string formatting.
</p>
<p>
This code uses Rust's array types, iterators, closures, and string
formatting all in just 5 lines of code!
</p>
</div>
</div>
</div>
<div class="flex justify-between lg:block">
<div
class="text-xs flex items-center justify-center gap-1 self-center pt-2 !invisible"
>
<button
disabled=""
class="dark:text-white disabled:text-gray-300 dark:disabled:text-gray-400"
>
<svg
stroke="currentColor"
fill="none"
stroke-width="1.5"
viewBox="0 0 24 24"
stroke-linecap="round"
stroke-linejoin="round"
class="h-3 w-3"
height="1em"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<polyline points="15 18 9 12 15 6"></polyline>
</svg></button
><span class="flex-grow flex-shrink-0">1 / 1</span
><button
disabled=""
class="dark:text-white disabled:text-gray-300 dark:disabled:text-gray-400"
>
<svg
stroke="currentColor"
fill="none"
stroke-width="1.5"
viewBox="0 0 24 24"
stroke-linecap="round"
stroke-linejoin="round"
class="h-3 w-3"
height="1em"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<polyline points="9 18 15 12 9 6"></polyline>
</svg>
</button>
</div>
<div
class="text-gray-400 flex self-end lg:self-center justify-center mt-2 gap-2 md:gap-3 lg:gap-1 lg:absolute lg:top-0 lg:translate-x-full lg:right-0 lg:mt-0 lg:pl-2 visible"
>
<button
class="flex ml-auto gap-2 h-full w-full rounded-md p-1 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400"
>
<svg
stroke="currentColor"
fill="none"
stroke-width="2"
viewBox="0 0 24 24"
stroke-linecap="round"
stroke-linejoin="round"
class="h-4 w-4"
height="1em"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"
></path>
<rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect>
</svg></button
><button
class="p-1 rounded-md hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400"
>
<svg
stroke="currentColor"
fill="none"
stroke-width="2"
viewBox="0 0 24 24"
stroke-linecap="round"
stroke-linejoin="round"
class="h-4 w-4"
height="1em"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"
></path>
</svg></button
><button
class="p-1 rounded-md hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400"
>
<svg
stroke="currentColor"
fill="none"
stroke-width="2"
viewBox="0 0 24 24"
stroke-linecap="round"
stroke-linejoin="round"
class="h-4 w-4"
height="1em"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"
></path>
</svg>
</button>
</div>
</div>
</div>
And result when I copy as markdown:
language features:
rustCopy code
`let arr = [1, 2, 3, 4, 5];
let sum_of_squares: i32 = arr.iter().map(|&x| x * x).sum();
println!("Sum of squares of {:?} is {}", arr, sum_of_squares);`
This code creates
Yes, they made bigger blog
but inner block with multi line code isin line fragment or
multi
line
?
from copy-as-markdown.
notlmn
commented on June 2, 2024
<code> has to be an immediate child of <pre> for this to work.
We can't try and fix this from our side as there be an infinite number of combinations that we have to account for.
from copy-as-markdown.
gwpl
commented on June 2, 2024
Thank you for feedback. I will see if I have a moment to look into your code, as I am not JS expert, or if I know someone who could make Pull Request, if you would be open for such Pull Request?
from copy-as-markdown.
notlmn
commented on June 2, 2024
A fix like that would not be accepted here for the same reason mentioned in #33 (comment)
ChatGPT's HTML output in this case doesn't have the right markup that you would in in Markdown to HTML conversion for it to be parsable from HTML back to Markdown.
from copy-as-markdown.
gwpl
commented on June 2, 2024
Sure!
I just thought that this case is general, i.e. that if user puts multi line code inside blocks, then it can be assumed to be inside ``` triple backtics. However I am not html or Markdown expert, so I am sorry if I get confused with your decision making. I just found copy-as-markdown very helpful for me and thought about sharing how to make it even more awesome! :) Thank you!
from copy-as-markdown.
Related Issues (20)
- Can't access options HOT 1
- When copy texts including code block from github issues, code block not added with ``` HOT 1
- Could this plugin support Microsoft Edge? HOT 1
- Keyboard Shortcut HOT 3
- Firefox extension wraps strike-through text with single tilde instead double tilde HOT 2
- Shortcut not working ？ HOT 1
- Copy as Markdown sometimes missing from Firefox context menu HOT 7
- link title is not right HOT 1
- Support `*` as default for lists according to Maring Fireball original Markdown specification HOT 1
- Features for ChatGPT / GPT4 dialogs HOT 2
- Optionally copy as HTML
- When nothing is selected copy the [Title](Url) of the webpage
- Hello! Online images cannot be copied and pasted into notes HOT 4
- Copying Markdown from a web page and pasting it into a note causes extra characters to appear.
- Firefox extension needs to be manually activated before it works HOT 1
- adding shortcut key functions to commands
- Ability to copy with stripped links?
- Misses out some superscripts when copying formulas
- Mobile support: Add contextual menu on toolbar icon click (instead of linking to the github)
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from copy-as-markdown.