I’ve been using ckeditor for rich text editor, I’ve always wanted to use trix but i never got to make it work in my blade templates. I finally got it to work a few months back.

So here are the steps.

  1. include trix css and js in your blade file
<link href="" rel="stylesheet">
  <script src="" defer></script>


  1. Replace your textarea with trix’s

You neet the trix editor tag and set a hidden input that will hold the set content.


<input id="bio" type="hidden" name="how_to_apply" value="" class=""/>
<trix-editor input="bio" class="trix-content"></trix-editor>