Customize widgets in FormBuilder

You can include your preferred WYSIWYG editor script into the form builder itself on the go (you need to do so in every single form that you intend to use the editor though) or you may even go into modifying the build source itself, add in a WYSIWYG editor element as a permanent solution. The latter method consumes way much time.

Here's the very fast way of achieving that. I'm using TinyMCE for this example.

1. Create a textarea. The one you intend to make it into a WYSIWYG editor.

2. Create a custom HTML. Throw the following code in there.

<script type="text/javascript" src="http://localhost/tiny/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
&nbsp;&nbsp; &nbsp;function formbuilderOnReady(){
tinyMCE.init({
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;mode : "exact",
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;theme : "simple",
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;elements : "_ex_customHtml_1"
&nbsp;&nbsp; &nbsp;});
};
</script>

3. Rename _ex_customHtml_1 in the coding to the exact name that you are getting in actual form.

4. Point tiny_mce.js to the actual path of your TinyMCE.

And you will get something like this.

Good luck and hope it helps!