Wysiwyg\Summernote reset after submit

#1

What seems to be the problem:
I am able to post from my text editor but would like to reset the field afterwards, could someone please assist in showing gm how I can reset the field after it has been submitted? It would be greatly appreciated!

Steps to Reproduce:

Textarea
<textarea wire:model="text" class="summernote" id="summernote" name="text" wire:offline.attr="disabled"></textarea>

JS

<script type="text/javascript">
		"use strict";
		// Class definition

		var KTSummernoteDemo = function () {
		    // Private functions
		    var demos = function () {
		        $('.summernote').summernote({
		            height: 400,
		            tabsize: 2,
		            toolbar: [
			            [ 'style', [ 'style' ] ],
			            [ 'font', [ 'bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript', 'clear'] ],
			            [ 'fontname', [ 'fontname' ] ],
			            [ 'fontsize', [ 'fontsize' ] ],
			            [ 'color', [ 'color' ] ],
			            [ 'para', [ 'ol', 'ul', 'paragraph', 'height' ] ],
			            [ 'table', [ 'table' ] ],
			            [ 'insert', [ 'link', 'picture'] ],
			            [ 'view', [ 'undo', 'redo', 'fullscreen', 'codeview', 'help' ] ]
			        ],
					callbacks: {
					onChange: function(e) {
						@this.set('text', e);
						}
					}
		        });
		    }

		    return {
		        // public functions
		        init: function() {
		            demos();
		        }
		    };
		}();

		// Initialization
		jQuery(document).ready(function() {
		    KTSummernoteDemo.init();
		});
        })
	</script>

And then the standard Livewire controller

Are you using the latest version of Livewire:

Yes

Do you have any screenshots or code examples:

#2

Assuming the value of your public $text property was empty when the component was mounted, you can use $this->reset('text'); somewhere once you’ve submitted your form.

public function submit()
{
  // submit form
  $this->reset('text');
}
#3

Hi, thank you for the response, but no, unfortunately this doesn’t work. It does work on normal input fields but not this summernote input field. I think it has something to do with me having to set the value using jQuery with onChange?

#4

you can reset summernote textarea like bellow

public function submit()
{
    // after save logic
    $this->emit('reset');
}

and then in your blade

<script>
    Livewire.on('reset', () => {
        $('#example').summernote('reset');
    });
</script>