Bootstrap
已经大大简化响应式 web
开发,但是,如果再加上不用手动一点点敲代码,而是可以快速选择你想要使用的 Bootstrap
组件,然后直接将其拖进你的画板中,开发是否会变得更加轻松?!
这便是所谓的所见即所得(What you see is what you get,WYSIWYG)开发模式,能帮你达成这一切的,便是“所见即所得编辑器”。
所见即所得编辑器通常分为以下两大类:
- 富文本编辑器
- 框架编辑器
富文本编辑器侧重于网页中大块连续文本的格式编辑,基本编辑样式包括:字体、颜色、列表、链接、图片等等,一般所生成的内容都是作为网页的主体展示给用户。
框架编辑器则用于快速搭建网页的整体布局,操作时,更多的是组件的选择与拖放,以达到高效、批量地生产静态页面的目的,一般可操作的组件有:导航、列、行、面板等等。
本文会将所有流行的 Bootstrap
富文本编辑器集中介绍给大家。
而在另一篇文章中,将会重点介绍上述提及的框架编辑器,详见:
Bootstrap 在线框架编辑器:http://classfoo.com/ccby/article/LfVtbU9
注意!本文中的所有网址都来自对应插件的官方网站,可能需要代理才能访问。
相关推荐
Bootstrap富文本编辑器。
为了学习bootsrap,顺便搞了一个bootstrap版的在线富文本编辑器,里面有可以运行的代码,希望能够帮助到大家。如果有什么意见和建议的话,请留言,感激不尽。
bootstrap-markdown-editor是一款带预览模式的Bootstrap所见即所得文本编辑器jQuery插件。该文本编辑器支持图片上传,可以进入全屏模式,非常实用。
wysiwyg微小的Bootstrap富文本编辑器 wysiwyg微小的Bootstrap富文本编辑器
Summernote是一款基于bootstrap的富文本编辑器, 使用简洁且方便
Summernote 是一个简单,灵活,所见即所得(WYSIWYG)的编辑器,基于 jQuery 和 Bootstrap 构建。Summernote 所有主要的操作都支持快捷键,有一个功能强大的 API,它提供了大量的自定义选项的设计(宽,高,有效的...
LineControl Editor是一款基于Bootstrap的响应式、所见即所得的富文本编辑器jQuery插件。该富文本编辑器可以使用textarea元素或任何一个容器元素来生成,它拥有常见富文本编辑器的所有功能,使用快捷方便。
NULL 博文链接:https://jm1999.iteye.com/blog/2314531
BootStrap-wysiwygt和bootstrap-wysihtml5富文本编辑器
轻量级文本编辑器,使用时需要先引入bootstrap文件,操作简单,相比较CKEditor轻便很多 取值:var info = $('#div_id').summernote('code'); 赋值:$('#div_id').summernote('code', "文本内容"); 加载文本编辑器:$...
做项目常用到的前端框架BootStrap,jquery和jquery中文文档,Echarts,还有富文本编辑器summernote等等
一个很好用的兼容ie10+的富文本编辑器,使用了bootstrap等技术自适应网页的大小
富文本编辑器bootstrap-wysiwyg.min.js。可以充分发挥编辑器的优势
wangEditor富文本本地上传图片视频功能,插件源码修改完整版(包含本地网络图片视频上传功能)
主要为大家分享一款所见即所得的富文本编辑器bootstrap-wysiwyg,并详细告诉大家文本编辑器bootstrap-wysiwyg的使用方法,感兴趣的小伙伴们可以参考一下
bootstrap-所见即所得 基于浏览器功能execCommand的小型Bootstrap和jQuery WYSIWYG富文本编辑器。 该项目最初是为构建的,现在已经进行了修改和修改,以适应各种项目。 开发是活跃的,并且正在进行中。特征自动绑定...
一款bootstrap版的评论框+评论了列表,使用wangEditor富文本编辑器。 bootstrap v3.3.0 wangEditor v3.0+
简易富文本编辑器bootstrap-wysiwyg原始注释