Bootstrap wysiwyg textarea editor working on Bootstrap 3

70,897

Solution 1

Thanks for the Tip of wysihtml5. I found a solution for Bootstrap 2 and wysihtml5: bootstrap-wysihtml5. I update it to Bootstrap 3: bootstrap3-wysihtml5.

Solution 2

Awesome Summernote

Super Simple WYSIWYG Editor on Bootstrap 3

<textarea name="summernote" id="summernote" cols="30" rows="10"></textarea> 

Call Summernote

$('#summernote').summernote({height: 300});

DEMO jsfiddle

Super Simple WYSIWYG Editor on Bootstrap 3

Solution 3

I'm using wysihtml5 in one of my Bootstrap 3 projects and is working fine; perhaps only tweaked a few icons to make it look nice.

Share:
70,897

Related videos on Youtube

schnawel007
Author by

schnawel007

Updated on July 26, 2020

Comments

  • schnawel007
    schnawel007 almost 4 years

    I'm looking for a wysiwyg textarea editor for Bootstrap 3. Everything I can find on Google only works with Bootstrap 2. Has anybody an good, simple wysiwyg Edtor for Bootstrap 3?

    • shareef
      shareef almost 8 years
      why is there android tag here !?
  • kontur
    kontur about 10 years
    The original repo seems available through bower by now: bower install bootstrap-wysihtml5
  • Christian
    Christian about 10 years
    Seems someone added the link to bower. But the repo does not contain a bower.json. The repo is still unmaintained.
  • renanleandrof
    renanleandrof over 9 years
    This is the best one i ever found for bootstrap.
  • Tejas Tank
    Tejas Tank over 9 years
    Not great features as summernote.