温江做网站
新网创想网站建设，新征程启航
为企业提供网站建设、域名注册、服务器等服务
使用bootstrap-wysiwyg富文本编辑器
bootstrap-wysiwyg的介绍：http://www.bootcss.com/p/bootstrap-wysiwyg/ 。
bootstrap-wysiwyg的GitHub地址： https://github.com/mindmup/bootstrap-wysiwyg/ 。
如果下载了bootstrap-wysiwyg，如何使用bootstrap-wysiwyg其实可以参考index.html。
创新互联公司是一家专业提供尼元阳企业网站建设,专注与成都网站建设、网站制作、html5、小程序制作等业务。10年已为尼元阳众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。
1.样式
bootstrap-wysiwyg允许自定义工具条,本文使用bootstrap3实现样式，字体图标使用Font Awesome。
工具条使用bootstrap3的组件按钮工具栏
。
如果上传图片的样式有些小问题，别着急，后面的js代码会解决。
代码：
网站栏目：使用bootstrap-wysiwyg富文本编辑器
浏览路径：http://wjwzjz.com/article/ijcsoc.html
如果上传图片的样式有些小问题，别着急，后面的js代码会解决。
代码：
2.功能
本文只实现了一些基本的功能。
添加js依赖。
添加js代码。
3.使用
获取富文本编辑器的内容，和获取普通div内容一样。$("#editor").html();
获取清除HTML标签后的内容：$("#editor").cleanHtml();
附上效果图：
项目下载地址：
https://gitee.com/luckiness/bootstrap-wysiwyg-demo
网站栏目：使用bootstrap-wysiwyg富文本编辑器
浏览路径：http://wjwzjz.com/article/ijcsoc.html