Bootstrap 已经大大简化响应式 web 开发,但是,如果再加上不用手动一点点敲代码,而是可以快速选择你想要使用的 Bootstrap 组件,然后直接将其拖进你的画板中,开发是否会变得更加轻松?!

这便是所谓的所见即所得(What you see is what you get,WYSIWYG)开发模式,能帮你达成这一切的,便是“所见即所得编辑器”。

所见即所得编辑器通常分为以下两大类:

  1. 富文本编辑器
  2. 框架编辑器

富文本编辑器侧重于网页中大块连续文本的格式编辑,基本编辑样式包括:字体、颜色、列表、链接、图片等等,一般所生成的内容都是作为网页的主体展示给用户。

框架编辑器则用于快速搭建网页的整体布局,操作时,更多的是组件的选择与拖放,以达到高效、批量地生产静态页面的目的,一般可操作的组件有:导航、列、行、面板等等。

本文会将所有流行的 Bootstrap 富文本编辑器集中介绍给大家。

而在另一篇文章中,将会重点介绍上述提及的框架编辑器,详见:

Bootstrap 在线框架编辑器http://classfoo.com/ccby/article/LfVtbU9

注意!本文中的所有网址都来自对应插件的官方网站,可能需要代理才能访问。