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

前端展示格式复杂的文本

页面展示文本时，需要前端根据文本格式插入各种标签，当文本格式复杂时，例如下图的文本：

如果要在页面正常显示该文本，需要前端插入大量文本标签，下面介绍一种简单方法，借助博客文本编辑器自动将文本格式化，插入标签。

步骤

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

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

The end