复杂格式文本前端代码快速生成

前端展示格式复杂的文本

页面展示文本时,需要前端根据文本格式插入各种标签,当文本格式复杂时,例如下图的文本:
格式复杂的一个文本例子
如果要在页面正常显示该文本,需要前端插入大量文本标签,下面介绍一种简单方法,借助博客文本编辑器自动将文本格式化,插入标签。

步骤

因为只熟悉新浪微博,所以借助新浪博客来讲。

  1. 登陆新浪博客,点击发博文,然后输入标题,把文本复制到文本框中,如下图所示:
    博文编辑
  2. 点击右键,选择检查,或者直接F12快捷键,进入审查元素页面,从body标签开始审查元素,可以看到左端文本被蓝色阴影覆盖,表示该body标签内的html覆盖了左端的文本。一直往下点击扩展,如下图所示:审查元素
    找到ducument标签,点击展开,将鼠标放在html标签上,右键,选择Copy,然后再选择Copy outerHTML,将复制的代码粘贴到自己的前端代码中即可。

The end

猜你喜欢

转载自blog.csdn.net/qq_38280232/article/details/82788734