使用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。

1.样式

bootstrap-wysiwyg允许自定义工具条,本文使用bootstrap3实现样式，字体图标使用Font Awesome。
工具条使用bootstrap3的组件按钮工具栏

。
如果上传图片的样式有些小问题，别着急，后面的js代码会解决。
代码：

    

        

            

                
                    
                
                

                
            
            

                
                     
                
                

                    
Huge
                    
Normal
                    
Small
                
            
            

                
                    
                
                
                    
                
                
                    
                
                
                    
                
            
            

                
                    
                
                
                    
                
                
                    
                
                
                    
                
            
            

                
                    
                
                
                    
                
                
                    
                
                
                    
                
            
            

                

                    
                        
                    
                    

                        

                             
                                Add
                            
                        
                    
                
                
                    
                
            

            

                
                    
                
                
            
            

                
                    
                
                
                    
                
            
        

        

    

2.功能

本文只实现了一些基本的功能。

添加js依赖。

添加js代码。

3.使用

获取富文本编辑器的内容，和获取普通div内容一样。
$("#editor").html();
获取清除HTML标签后的内容：
$("#editor").cleanHtml();

附上效果图：

项目下载地址：
https://gitee.com/luckiness/bootstrap-wysiwyg-demo