首先来看一张图
我们从淘宝店铺取到的代码，经常是这样的，没有排版，看不清头绪。那么如何快速的获得清晰的代码排版呢？
首先我们引用一段KISSY Editor(淘宝编辑器)的官方介绍文档：
【KISSY Editor(淘宝编辑器)基本介绍】 KISSY Editor 刚诞生，目前仅有基本功能。紧接着的二期里，将进一步完善基础架构和插件体系，并提供 Undo/Redo, 插入Flash, 表格编辑和预置模板等功能。 KISSY Editor 是开源项目 KISSY UI Library 的一个组件。KISSY 目前基于 YUI 2.x 开发，目标是打造一系列小巧灵活、简洁实用、使用起来让人感觉愉悦的 UI 组件。目前已有 CSS 基础框架、搜索提示 Suggest 和今天发布的富文本编辑器等组件。 KISSY 是开源项目，基于 MIT 协议。无论是个人开发还是商业应用，都可以免费使用。 1.编辑器基本功能 2.小巧灵活，精简实用，使用起来让人愉悦 3.支持所有 A 级浏览器 淘宝将会把更多的组件整理进 KISSY 库中。 我们的理念是：开源，才能卓越！ 我们相信，KISSY 库中有你所需，分享能带给你价值。 同时，热心的你，任何一条简单的建议， 都能让 KISSY 变得更好，让淘宝变得更好，让整个互联网变得更好！
目前网上系统的介绍KISSY的资料极少。我们只需要知道，它就是淘宝后台自定义模块的编辑器即可。
如下图：
KISSY Editor 有一个隐藏功能，就是自动格式化代码。（DW里也有这个功能。）
我们只需要将没有排版的代码复制下来，进入淘宝装修后台，新建一个自定义模块，选择编辑器的代码模式，
将代码粘贴进去。
点击一下源码图标，就可以看到代码的预览结果了。
再次点击图标，切换到源码模式，这时编辑器就自动完成了代码的格式化。
CTRL+A全选代码后，鼠标右键单击选择复制菜单即可！