Navigation menu

0755-82192581
  • Contact us
  • 0755-82192581
  • 深圳市罗湖区嘉宾路深华商业大厦9楼(地铁1号线国贸站B出口既是)

    3375726676@qq.com


    © 2007-2021 All Rights Reserved.
  • 策略型高端网站设计公司

    Strategic advanced website design company

    View More
  • 网站建设用JavaScript将纯文本转换成编码的HTML

    时间:2024-04-18  作者:GARY  来源:https://www.niegoweb.com/
    网站建设过程中需要将纯文本转换成格式化的HTML时,你会怎么做?从网站复制文本到设备的剪贴板时,很有可能在粘贴时获得格式化的HTML。一些应用程序和操作系统有一个“选择性粘贴”功能,它会为你去掉那些标签,以保持当前的风格,但如果这个功能不可用,你该怎么办?


    深圳高端网站建设公司

    将纯文本转换成格式化的HTML也是如此。将纯文本转换成HTML的最接近的方法之一是用Markdown作为一种抽象来编写。你可能已经在像这篇文章一样的文章中的许多评论中看到过这样的例子。

    为用户提供一种方式来创作基本的web内容——比如评论——而无需了解HTML的任何东西,这是一种新颖的追求,因为它降低了在web上交流和合作的障碍。说它有助于网络的“民主化”可能有些言过其实,但这与愿景并不冲突!

    纯文本到HTML的转换器有很多假设和考虑。例如,我们是否应该假设输入工具的第一行文本是一个需要对应的标题<h1>标签?每一个新的行真的是一个段落吗?链接的内容如何融入其中?

    同样,这个想法是用户应该能够在不知道Markdown或HTML语法的情况下编写。这是一个很大的限制,我们可能会遇到太多的HTML元素,所以了解内容使用的上下文是有价值的。例如,如果这是一个用于撰写博客文章的工具,那么我们可以根据长格式内容中常用的元素来限制支持哪些元素的范围:<h1>, <p>, <a>,以及<img>。换句话说,可以包含顶级标题、正文、链接文本和图像。该工具不支持项目符号或有序列表、表格或任何其他元素。

    前端实现将依赖于普通的HTML、CSS和JavaScript来建立一个具有简单布局和将文本转换为HTML的功能的小表单。如果您计划将其部署到生产环境中,这就涉及到服务器端的问题,但是我们的重点完全放在前端。

    有一些现有的方法可以实现这一点。例如,一些库提供所见即所得编辑器。导入库,如TinyMCE用单一的<script>你可以走了。所见即所得编辑器功能强大,支持各种格式,甚至可以将CSS类应用于内容以进行样式设置。即使我们想要的完美解决方案已经出现了,我仍然想把文本转换成HTML的概念拆开来理解它是如何工作的,并希望在这个过程中学习一些新的东西。所以,让我们继续我们自己的土办法。

    相关案例

    OTHER CASE