search

mindmup / bootstrap-wysiwyg

Tiny bootstrap-compatible WISWYG rich text editor
MIT License
5.56k stars 841 forks source link

Unable to make it work #147

Open Cartman34 opened 10 years ago

Cartman34 commented 10 years ago

Hi,

I am trying this plugin with Bootstrap 3 and i am getting too many issue, i think i can not use it but i report you all the problems...

1/ Using with modal, the picture upload button's css is not modified, so, i cna do it by myself with $("#TheModal").bind("shown.bs.modal", function() { if( $(this).data("modal_loaded") ) { return; } $("#editor").wysiwyg(); var btn = $("#pictureUploadBtn");// ID pictureUploadBtn to visual Upload button // ID pictureUploadInput to real hidden upload button (add css display: none to it) $("#pictureUploadInput").css({"width": btn.outerWidth(), "height": btn.outerHeight(), "margin-left": (-btn.outerWidth())+"px", "opacity": 0, "float": "left", "cursor": "pointer", "display": "block"}); $(this).data("modal_loaded", 1); });

2/ I am using FF 28.0 and when i try to type a text, the editor become crazy and do sh*ts. If i open the DOM, i see a lot of empty div, a blockquote and many others tags in it, i did not enter them, i just tried to type "Test", the editor does not even display it. I also tried with Chrome 34 and it does not work better.

3/ Finally, please make a real example with Bootstrap 3 compatibility

So... I really can't use it.

steveathon commented 10 years ago

@Cartman34 try using a later version, I've created a fork with a lot of updates in it here: http://github.com/steveathon/bootstrap-wysiwyg/ - it fixes the issues you mention here.