Questions tagged [bootstrap-wysiwyg]

This tiny (5KB, < 200 lines) jQuery Bootstrap plugin turns any DIV into a WYSIWYG rich-content editor, inspired by CLEditor and bootstrap-wysihtml5.

Automatically binds standard hotkeys for common operations on Mac and Windows Drag and drop files to insert images, support image upload (also taking photos on mobile devices)

Voice dictation input (only in Chrome)

Allows a custom built toolbar, no magic markup generators, enabling the web site to use all the goodness of Bootstrap, Font Awesome and so on...

Does not force any styling - it's all up to you

Uses standard browser features, no magic non-standard code, toolbar and keyboard configurable to execute any supported browser command

Does not create a separate frame, backup text areas etc - instead keeps it simple and runs everything inline in a DIV

(Optionally) cleans up trailing whitespace and empty divs and spans

Requires a modern browser (tested in Chrome 26, Firefox 19, Safari 6, reported by users to work in IE10)

Supports mobile devices (tested on IOS 6 Ipad/Iphone and Android 4.1.1 Chrome)

Source: http://mindmup.github.io/bootstrap-wysiwyg/

46 questions

votes

4 answers

bootstrap wysihtml5 set Value not working

I have a wysihtml box and I want to fill its value after an ajax call $("#<%=txtDescrizioneBreveCategoria.ClientID%>").wysihtml5(); function ModificaCategoria(id) { $.ajax({ url: "Categorie.aspx/GetCategoria", …

asked May 03 '18 at 15:58

Martina

1,852
8
41
78

votes

2 answers

WYSIWYG HTML editor that doesn't try and fix bad HTML

I need a WYSIWYG HTML editor that can edit PHP Blade and Handlebars* templates. I've tried TinyMCE, CKEditor and bootstrap wysihtml5 but they all "fix" my invalid HTML. Can anyone suggest an alternative? I need to be able to toggle between WYSIWYG…

ckeditor tinymce wysiwyg laravel-blade bootstrap-wysiwyg

asked Jul 01 '16 at 16:30

Simon

5,158
8
43
65

votes

2 answers

React applying JQuery code to an element inside a component

I have an application where I'm using React. I have a problem now where I'm trying to implement the bootstrap-wysiwyg/bootstrap3-wysiwyg package. In order to get my

to work as the ootstrap-wysiwyg/bootstrap3-wysiwyg text editor I need to…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> 
                
                <a href="../../questions/tagged/twitter-bootstrap" class="post-tag grid--cell" title="show questions tagged 'twitter-bootstrap'" rel="tag">twitter-bootstrap</a> 
                
                <a href="../../questions/tagged/reactjs" class="post-tag grid--cell" title="show questions tagged 'reactjs'" rel="tag">reactjs</a> 
                
                <a href="../../questions/tagged/bootstrap-wysiwyg" class="post-tag grid--cell" title="show questions tagged 'bootstrap-wysiwyg'" rel="tag">bootstrap-wysiwyg</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Dec 26 '16 at 12:39">asked Dec 26 '16 at 12:39</time>
    <a href="../../users/2111515/barry-michael-doyle" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/2111515.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Barry Michael Doyle" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/2111515/barry-michael-doyle" class="s-user-card--link">Barry Michael Doyle</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">9,333</li>
            <li class="s-award-bling s-award-bling__gold" title="30 gold badges">30</li>
            <li class="s-award-bling s-award-bling__silver" title="83 silver badges">83</li>
            <li class="s-award-bling s-award-bling__bronze" title="143 bronze badges">143</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-28148742">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>4</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/28148742/how-to-keep-text-selected-in-a-contenteditable-element-when-the-element-loses-" class="question-hyperlink">How to keep text selected in a contenteditable element when the element loses focus?</a></h3>
        <div class="excerpt">While implementing the bootstrap-wysiwyg editor in a project, I found out I can't reproduce how adding a link works in that example editor.
In the example you can first select text in the editable area, then open the add hyperlink dropdown, enter a…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> 
                
                <a href="../../questions/tagged/twitter-bootstrap" class="post-tag grid--cell" title="show questions tagged 'twitter-bootstrap'" rel="tag">twitter-bootstrap</a> 
                
                <a href="../../questions/tagged/bootstrap-wysiwyg" class="post-tag grid--cell" title="show questions tagged 'bootstrap-wysiwyg'" rel="tag">bootstrap-wysiwyg</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jan 26 '15 at 10:53">asked Jan 26 '15 at 10:53</time>
    <a href="../../users/1697755/schlaus" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/1697755.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Schlaus" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/1697755/schlaus" class="s-user-card--link">Schlaus</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">18,144</li>
            <li class="s-award-bling s-award-bling__gold" title="10 gold badges">10</li>
            <li class="s-award-bling s-award-bling__silver" title="36 silver badges">36</li>
            <li class="s-award-bling s-award-bling__bronze" title="64 bronze badges">64</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-25773663">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>4</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/25773663/meteor-display-html-formatted-text-in-template" class="question-hyperlink">Meteor display html formatted text in template</a></h3>
        <div class="excerpt">I'm using meteor 0.9.1.1.
I've just gotten mcrider:bootstrap-wysiwyg working for the body of a note or article.  It saves to the mongo collection field just fine, but when I try to display it in a template, the html is display rather than applied. …</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/mongodb" class="post-tag grid--cell" title="show questions tagged 'mongodb'" rel="tag">mongodb</a> 
                
                <a href="../../questions/tagged/meteor" class="post-tag grid--cell" title="show questions tagged 'meteor'" rel="tag">meteor</a> 
                
                <a href="../../questions/tagged/bootstrap-wysiwyg" class="post-tag grid--cell" title="show questions tagged 'bootstrap-wysiwyg'" rel="tag">bootstrap-wysiwyg</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Sep 10 '14 at 19:34">asked Sep 10 '14 at 19:34</time>
    <a href="../../users/4013375/alex-adams" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/4013375.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Alex Adams" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/4013375/alex-adams" class="s-user-card--link">Alex Adams</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">91</li>
            
            <li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li>
            <li class="s-award-bling s-award-bling__bronze" title="5 bronze badges">5</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-41416187">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>3</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>2</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/41416187/bootstrap-wysiwyg-set-content" class="question-hyperlink">bootstrap-wysiwyg Set Content</a></h3>
        <div class="excerpt">How to set content to bootstrap-wysiwyg editor dynamically with jQuery.
I tried 
$('.editor').html() and $('.editor').val()

Seems to like none of them are accepting
</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> 
                
                <a href="../../questions/tagged/bootstrap-wysiwyg" class="post-tag grid--cell" title="show questions tagged 'bootstrap-wysiwyg'" rel="tag">bootstrap-wysiwyg</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jan 01 '17 at 14:27">asked Jan 01 '17 at 14:27</time>
    <a href="../../users/1280091/piusha" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/1280091.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Piusha" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/1280091/piusha" class="s-user-card--link">Piusha</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">594</li>
            
            <li class="s-award-bling s-award-bling__silver" title="5 silver badges">5</li>
            <li class="s-award-bling s-award-bling__bronze" title="11 bronze badges">11</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-33821071">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>3</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>2</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/33821071/how-to-validate-wysiwyg-editor-using-bootstrap-validation" class="question-hyperlink">How to validate wysiwyg editor using bootstrap validation</a></h3>
        <div class="excerpt">Using

bootstrap3-wysihtml5-bower 2013-11-22 (WYSIWYG Editor)

and

BootstrapValidator v0.5.2

Validate textarea(bootstrap-wysihtml5 editor) using bootstrap validation. Just need to check NotEmpty and Max Characters then submit Form. 
So far…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> 
                
                <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> 
                
                <a href="../../questions/tagged/bootstrap-wysiwyg" class="post-tag grid--cell" title="show questions tagged 'bootstrap-wysiwyg'" rel="tag">bootstrap-wysiwyg</a> 
                
                <a href="../../questions/tagged/bootstrapvalidator" class="post-tag grid--cell" title="show questions tagged 'bootstrapvalidator'" rel="tag">bootstrapvalidator</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Nov 20 '15 at 07:23">asked Nov 20 '15 at 07:23</time>
    <a href="../../users/4221894/syed-nizamudeen" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/4221894.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Syed Nizamudeen" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/4221894/syed-nizamudeen" class="s-user-card--link">Syed Nizamudeen</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">440</li>
            <li class="s-award-bling s-award-bling__gold" title="3 gold badges">3</li>
            <li class="s-award-bling s-award-bling__silver" title="7 silver badges">7</li>
            <li class="s-award-bling s-award-bling__bronze" title="25 bronze badges">25</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-22632741">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>3</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/22632741/bootstrap-wysiwyg-master-post-to-php" class="question-hyperlink">bootstrap-wysiwyg-master post to php</a></h3>
        <div class="excerpt">I have a problem with the bootstrap-wysiwyg-master edit
I want to post it to a php file to update a mysql table
and I don't know how to do.
My code :
  <div class="container">

<div…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/php" class="post-tag grid--cell" title="show questions tagged 'php'" rel="tag">php</a> 
                
                <a href="../../questions/tagged/bootstrap-wysiwyg" class="post-tag grid--cell" title="show questions tagged 'bootstrap-wysiwyg'" rel="tag">bootstrap-wysiwyg</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Mar 25 '14 at 11:09">asked Mar 25 '14 at 11:09</time>
    <a href="../../users/3176915/yves-p" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/3176915.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="yves p" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/3176915/yves-p" class="s-user-card--link">yves p</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">31</li>
            
            <li class="s-award-bling s-award-bling__silver" title="3 silver badges">3</li>
            <li class="s-award-bling s-award-bling__bronze" title="6 bronze badges">6</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-20916014">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>3</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/20916014/bootstrap-wysiwyg-and-syntax-highlight" class="question-hyperlink">Bootstrap wysiwyg and syntax highlight</a></h3>
        <div class="excerpt">I trying to make new function in Bootstrap wysiwyg editor for inserting source code for highlightjs, but without success.
On official page (github) I have found few sentences about customizing and execCommand, but I do not know how to…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/twitter-bootstrap" class="post-tag grid--cell" title="show questions tagged 'twitter-bootstrap'" rel="tag">twitter-bootstrap</a> 
                
                <a href="../../questions/tagged/syntax-highlighting" class="post-tag grid--cell" title="show questions tagged 'syntax-highlighting'" rel="tag">syntax-highlighting</a> 
                
                <a href="../../questions/tagged/bootstrap-wysiwyg" class="post-tag grid--cell" title="show questions tagged 'bootstrap-wysiwyg'" rel="tag">bootstrap-wysiwyg</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jan 04 '14 at 02:15">asked Jan 04 '14 at 02:15</time>
    <a href="../../users/700706/kolesar" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/700706.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Kolesar" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/700706/kolesar" class="s-user-card--link">Kolesar</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">1,265</li>
            <li class="s-award-bling s-award-bling__gold" title="3 gold badges">3</li>
            <li class="s-award-bling s-award-bling__silver" title="19 silver badges">19</li>
            <li class="s-award-bling s-award-bling__bronze" title="41 bronze badges">41</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-16875932">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>3</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>5</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/16875932/save-and-load-bootstrap-wysiwyg-editor-content" class="question-hyperlink">Save and Load Bootstrap Wysiwyg editor content</a></h3>
        <div class="excerpt">I am using Bootstrap Wysiwyg Editor. It looks great and adding my text and inserted image into the content area. 
All i need is i want to save the content into database and again when user loads the template name from dropdown i need to fill the…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/asp.net-mvc" class="post-tag grid--cell" title="show questions tagged 'asp.net-mvc'" rel="tag">asp.net-mvc</a> 
                
                <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> 
                
                <a href="../../questions/tagged/bootstrap-wysiwyg" class="post-tag grid--cell" title="show questions tagged 'bootstrap-wysiwyg'" rel="tag">bootstrap-wysiwyg</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jun 01 '13 at 18:29">asked Jun 01 '13 at 18:29</time>
    <a href="../../users/1909604/billa" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/1909604.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Billa" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/1909604/billa" class="s-user-card--link">Billa</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">5,226</li>
            <li class="s-award-bling s-award-bling__gold" title="23 gold badges">23</li>
            <li class="s-award-bling s-award-bling__silver" title="61 silver badges">61</li>
            <li class="s-award-bling s-award-bling__bronze" title="105 bronze badges">105</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-35798386">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>2</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>3</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/35798386/how-to-add-bootstrap-wysiwyg-into-flask" class="question-hyperlink">How to add bootstrap wysiwyg into flask?</a></h3>
        <div class="excerpt">I want to using  bootstrap wysiwyg in my Flask website.
I found this project flask-wysiwyg and followed the author's advise, but it doesn't work.
I would like to know:

What is wrong?
How should I solve this by myself?

Here is the…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/python" class="post-tag grid--cell" title="show questions tagged 'python'" rel="tag">python</a> 
                
                <a href="../../questions/tagged/bootstrap-wysiwyg" class="post-tag grid--cell" title="show questions tagged 'bootstrap-wysiwyg'" rel="tag">bootstrap-wysiwyg</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Mar 04 '16 at 14:22">asked Mar 04 '16 at 14:22</time>
    <a href="../../users/5939892/abirdcfly" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/5939892.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Abirdcfly" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/5939892/abirdcfly" class="s-user-card--link">Abirdcfly</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">326</li>
            
            <li class="s-award-bling s-award-bling__silver" title="4 silver badges">4</li>
            <li class="s-award-bling s-award-bling__bronze" title="13 bronze badges">13</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-19500932">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>2</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>2</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/19500932/how-can-i-integrate-bootstrap-wysiwyg-in-my-rails-app" class="question-hyperlink">How can i integrate Bootstrap-WYSIWYG in my Rails app?</a></h3>
        <div class="excerpt">There is a pretty bootstrap editor - Bootstrap WYSIWYG, which i want to use in my blog based on RoR 4.0. The problem is that Bootstrap WYSIWYG does not work with anything except DIV tag (as far as i know from a bit searching).
This code works fine:…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/ruby-on-rails" class="post-tag grid--cell" title="show questions tagged 'ruby-on-rails'" rel="tag">ruby-on-rails</a> 
                
                <a href="../../questions/tagged/contenteditable" class="post-tag grid--cell" title="show questions tagged 'contenteditable'" rel="tag">contenteditable</a> 
                
                <a href="../../questions/tagged/bootstrap-wysiwyg" class="post-tag grid--cell" title="show questions tagged 'bootstrap-wysiwyg'" rel="tag">bootstrap-wysiwyg</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Oct 21 '13 at 17:24">asked Oct 21 '13 at 17:24</time>
    <a href="../../users/2904129/nattfodd" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/2904129.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Nattfodd" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/2904129/nattfodd" class="s-user-card--link">Nattfodd</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">33</li>
            
            
            <li class="s-award-bling s-award-bling__bronze" title="2 bronze badges">2</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-17914414">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>2</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>3</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/17914414/bootstrap-wysiwyg-editor-not-shown" class="question-hyperlink">bootstrap-wysiwyg editor not shown</a></h3>
        <div class="excerpt">Here's the link: http://mindmup.github.io/bootstrap-wysiwyg/. I can't get it to work. I've included the script like that: 
<script src="js/bootstrap-wysiwyg.js"></script>

And done like this: 
    <div id="alerts"></div>
<div class="btn-toolbar"…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> 
                
                <a href="../../questions/tagged/twitter-bootstrap" class="post-tag grid--cell" title="show questions tagged 'twitter-bootstrap'" rel="tag">twitter-bootstrap</a> 
                
                <a href="../../questions/tagged/bootstrap-wysiwyg" class="post-tag grid--cell" title="show questions tagged 'bootstrap-wysiwyg'" rel="tag">bootstrap-wysiwyg</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jul 29 '13 at 00:24">asked Jul 29 '13 at 00:24</time>
    <a href="../../users/2593275/dynamitem" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/2593275.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="dynamitem" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/2593275/dynamitem" class="s-user-card--link">dynamitem</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">1,647</li>
            <li class="s-award-bling s-award-bling__gold" title="6 gold badges">6</li>
            <li class="s-award-bling s-award-bling__silver" title="25 silver badges">25</li>
            <li class="s-award-bling s-award-bling__bronze" title="45 bronze badges">45</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-52741618">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>1</strong></span>
                    <div class="viewcount">vote</div>
                </div>
            </div>

<div class="status ">
                <strong>0</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/52741618/can-i-use-wysiwyg-text-editor-in-add-edit-option-of-jqgrid" class="question-hyperlink">Can i use WySIWYG Text Editor in add/edit option of jqgrid</a></h3>
        <div class="excerpt">Can I use WySIWYG Text Editor in add/edit option of jqgrid
Or is there any editor which I can use with jqgrid providing same functionality of WySIWYG Text Editor.
</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> 
                
                <a href="../../questions/tagged/jqgrid" class="post-tag grid--cell" title="show questions tagged 'jqgrid'" rel="tag">jqgrid</a> 
                
                <a href="../../questions/tagged/wysiwyg" class="post-tag grid--cell" title="show questions tagged 'wysiwyg'" rel="tag">wysiwyg</a> 
                
                <a href="../../questions/tagged/bootstrap-wysiwyg" class="post-tag grid--cell" title="show questions tagged 'bootstrap-wysiwyg'" rel="tag">bootstrap-wysiwyg</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Oct 10 '18 at 13:41">asked Oct 10 '18 at 13:41</time>
    <a href="../../users/9262989/meenakshi-rathod" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/9262989.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Meenakshi Rathod" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/9262989/meenakshi-rathod" class="s-user-card--link">Meenakshi Rathod</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">67</li>
            
            <li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li>
            <li class="s-award-bling s-award-bling__bronze" title="9 bronze badges">9</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-43958331">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>1</strong></span>
                    <div class="viewcount">vote</div>
                </div>
            </div>

<div class="status ">
                <strong>0</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/43958331/bootstrap-wysiwyg-insert-char-c-at-index-i" class="question-hyperlink">Bootstrap WYSIWYG: insert char c at index i</a></h3>
        <div class="excerpt">I need some help regarding Bootstrap WYSIWYG. From my point of view, the content needs to be a string and I want to have full control of what is happening.
I want to use editorInsert(c, i) which does the insertion of the character c at the index i.…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/wysiwyg" class="post-tag grid--cell" title="show questions tagged 'wysiwyg'" rel="tag">wysiwyg</a> 
                
                <a href="../../questions/tagged/bootstrap-wysiwyg" class="post-tag grid--cell" title="show questions tagged 'bootstrap-wysiwyg'" rel="tag">bootstrap-wysiwyg</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked May 13 '17 at 21:52">asked May 13 '17 at 21:52</time>
    <a href="../../users/5056355/ito-pakito" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/5056355.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Ito Pakito" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/5056355/ito-pakito" class="s-user-card--link">Ito Pakito</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">110</li>
            
            <li class="s-award-bling s-award-bling__silver" title="2 silver badges">2</li>
            <li class="s-award-bling s-award-bling__bronze" title="9 bronze badges">9</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>

</div>
        </div>

</div>
        </div>
        <script src="../../static/js/stack-icons.js"></script>
        <script src="../../static/js/fromnow.js"></script>
        
    </body>
</html>