<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>HTML on 技术杂烩</title>
    <link>https://blog.iamdev.cn/tags/HTML/</link>
    <description>Recent content in HTML on 技术杂烩</description>
    <generator>Hugo</generator>
    <language>zh-CN</language>
    <lastBuildDate>Fri, 12 Jul 2024 11:30:08 +0800</lastBuildDate>
    <atom:link href="https://blog.iamdev.cn/tags/HTML/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>ScrapeGraphAI：用一句话搞定网页爬取</title>
      <link>https://blog.iamdev.cn/post/2024/ScrapeGraphAI_%E7%94%A8%E4%B8%80%E5%8F%A5%E8%AF%9D%E6%90%9E%E5%AE%9A%E7%BD%91%E9%A1%B5%E7%88%AC%E5%8F%96__/</link>
      <pubDate>Fri, 12 Jul 2024 11:30:08 +0800</pubDate>
      <guid>https://blog.iamdev.cn/post/2024/ScrapeGraphAI_%E7%94%A8%E4%B8%80%E5%8F%A5%E8%AF%9D%E6%90%9E%E5%AE%9A%E7%BD%91%E9%A1%B5%E7%88%AC%E5%8F%96__/</guid>
      <description>&lt;h2 id=&#34;用一句话搞定网页爬取scrapegraphai-让你轻松实现&#34;&gt;用一句话搞定网页爬取？ScrapeGraphAI 让你轻松实现！&lt;/h2&gt;&#xA;&lt;p&gt;今天给大家介绍一个神器——ScrapeGraphAI，它可以帮你轻松实现网页爬取！&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://github.com/ScrapeGraphAI/Scrapegraph-ai&#34;&gt;https://github.com/ScrapeGraphAI/Scrapegraph-ai&lt;/a&gt;&#xA;你是否曾经苦恼于手动编写爬取脚本，还要应对各种网页结构变化？ScrapeGraphAI 彻底解决了这些问题！它利用大型语言模型 (LLM) 和直接图谱逻辑，只需你一句话描述要提取的信息，它就能帮你完成！&lt;/p&gt;</description>
    </item>
    <item>
      <title>让 `&lt;pre&gt;` 标签可编辑：纯 HTML 实现</title>
      <link>https://blog.iamdev.cn/post/2024/%E8%AE%A9___pre___%E6%A0%87%E7%AD%BE%E5%8F%AF%E7%BC%96%E8%BE%91_%E7%BA%AF_HTML_%E5%AE%9E%E7%8E%B0___/</link>
      <pubDate>Mon, 08 Jul 2024 00:13:46 +0800</pubDate>
      <guid>https://blog.iamdev.cn/post/2024/%E8%AE%A9___pre___%E6%A0%87%E7%AD%BE%E5%8F%AF%E7%BC%96%E8%BE%91_%E7%BA%AF_HTML_%E5%AE%9E%E7%8E%B0___/</guid>
      <description>&lt;h2 id=&#34;让-pre-标签可编辑简单高效的-html-解决方案&#34;&gt;让 &lt;code&gt;&amp;lt;pre&amp;gt;&lt;/code&gt; 标签可编辑：简单高效的 HTML 解决方案&lt;/h2&gt;&#xA;&lt;p&gt;在网页开发中，我们经常需要展示预格式化的文本，例如代码片段。HTML 的 &lt;code&gt;&amp;lt;pre&amp;gt;&lt;/code&gt; 标签非常适合此用途，它能够保留文本中的空格和换行，呈现原始格式。但有时，我们需要让这些预格式化文本可编辑。&lt;/p&gt;&#xA;&lt;p&gt;今天，我们就来分享一个简单高效的解决方案，让你的 &lt;code&gt;&amp;lt;pre&amp;gt;&lt;/code&gt; 标签可编辑，无需任何 JavaScript 辅助。&lt;/p&gt;</description>
    </item>
    <item>
      <title>让 HTML `&lt;pre&gt;` 标签可编辑</title>
      <link>https://blog.iamdev.cn/post/2024/%E8%AE%A9_HTML___pre___%E6%A0%87%E7%AD%BE%E5%8F%AF%E7%BC%96%E8%BE%91__/</link>
      <pubDate>Mon, 08 Jul 2024 00:04:41 +0800</pubDate>
      <guid>https://blog.iamdev.cn/post/2024/%E8%AE%A9_HTML___pre___%E6%A0%87%E7%AD%BE%E5%8F%AF%E7%BC%96%E8%BE%91__/</guid>
      <description>&lt;h2 id=&#34;解锁-html-pre-标签的编辑功能&#34;&gt;解锁 HTML &lt;code&gt;&amp;lt;pre&amp;gt;&lt;/code&gt; 标签的编辑功能&lt;/h2&gt;&#xA;&lt;p&gt;在网页开发中，我们经常使用 &lt;code&gt;&amp;lt;pre&amp;gt;&lt;/code&gt; 标签来展示预格式化的文本，例如代码片段。但有时候，我们需要让这些预格式化文本可编辑。本文将介绍一种简单高效的方法，让你的 HTML &lt;code&gt;&amp;lt;pre&amp;gt;&lt;/code&gt; 标签变得可编辑。&lt;/p&gt;&#xA;&lt;h3 id=&#34;使用-contenteditable-属性&#34;&gt;使用 &lt;code&gt;contenteditable&lt;/code&gt; 属性&lt;/h3&gt;&#xA;&lt;p&gt;想要实现 &lt;code&gt;&amp;lt;pre&amp;gt;&lt;/code&gt; 标签的可编辑性，我们可以利用 HTML 的 &lt;code&gt;contenteditable&lt;/code&gt; 属性。只需在 &lt;code&gt;&amp;lt;pre&amp;gt;&lt;/code&gt; 标签中添加 &lt;code&gt;contenteditable=&amp;quot;true&amp;quot;&lt;/code&gt; 属性即可。&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&amp;lt;&lt;span style=&#34;color:#f92672&#34;&gt;pre&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;contenteditable&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;true&amp;#34;&lt;/span&gt;&amp;gt; 这是一个可编辑的预格式化文本。 你可以直接在这里编辑内容。 &amp;lt;/&lt;span style=&#34;color:#f92672&#34;&gt;pre&lt;/span&gt;&amp;gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;strong&gt;优势：&lt;/strong&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>python转换html为pdf文件</title>
      <link>https://blog.iamdev.cn/post/2022/python-convert-html-to-pdf/</link>
      <pubDate>Mon, 22 Aug 2022 22:13:52 +0800</pubDate>
      <guid>https://blog.iamdev.cn/post/2022/python-convert-html-to-pdf/</guid>
      <description>&lt;p&gt;用python将html转换为pdf，如果在浏览器的网页上，选择网页内容然后右键点击打印然后保存就可以转换为pdf&lt;br&gt;&#xA;但是用python怎么做呢？&lt;/p&gt;&#xA;&lt;p&gt;pip安装pdfkit库&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;pip install pdfkit&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;下载wkhtmltopdf&lt;br&gt;&#xA;下面地址有许多不同操作系统的发行版，请按需下载，并放到系统的path目录&lt;br&gt;&#xA;&lt;a href=&#34;wkhtmltopdf&#34;&gt;https://github.com/wkhtmltopdf/wkhtmltopdf/releases/&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;然后就可以愉快的使用pdfkit了&lt;br&gt;&#xA;代码示例如下：&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
