[CLOSED] Content disappears after sorting about bootstrap3-wysiwyg

[Waxolunist]

Comment by Waxolunist
Monday May 05, 2014 at 14:40 GMT

---

The problem might be, that u are using textarea, which in fact will render as sandboxed iframe, which makes everything a lot more difficult.
Try using the latest 0.3 version and initialize the editor with a div. This should get u started.

[Waxolunist]

Comment by vasikgreif
Thursday May 08, 2014 at 15:06 GMT

---

Can you give me an example how to do this? I treid to call it on div the same way as on textarea, but that doesn't create anything..

[Waxolunist]

Comment by Waxolunist
Friday May 09, 2014 at 14:49 GMT

---

There are some examples in the repo:

https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/blob/v0.3.0-wip/index-multi-dev.html
https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/blob/v0.3.0-wip/examples/index-require.html

[Waxolunist]

Comment by vasikgreif
Saturday May 10, 2014 at 09:32 GMT

---

Thanks, got the wysivig displayed. Now, how can I get it's value inside a form? When I initialized it on textarea, I gave it simply a name. How is that done with a div?

[Waxolunist]

Comment by Waxolunist
Saturday May 10, 2014 at 18:26 GMT

---

Yes, beside its advantages to have a div, there are clear disadvantages, like the submit.

See here: http://stackoverflow.com/questions/6247702/using-html5-how-do-i-use-contenteditable-fields-in-a-form-submission

You can search google for other solutions: https://www.google.com/search?q=contenteditable+form+submit

The reason why it worked before was, that the content of the iframe is syncronized with the textarea, which is hidden on init. So probably you can do the same strategy.

Because most of the work regarding the editor itself is done in the editor component, maybe you find something helping you in the editors repo: https://github.com/Edicy/wysihtml5/

[Waxolunist]

Comment by vasikgreif
Saturday May 10, 2014 at 19:40 GMT

---

Thanks, I ended up using simple:

 $('.textarea').each(function() {
                var target = $(this).attr('data-target');
                $(target).val($(this).html()) ;
            });

in the form submit callback.

[Waxolunist]

Comment by Waxolunist
Monday May 12, 2014 at 21:38 GMT

---

Glad, I could help. I'll close for now.