Trix: Possible to disable default toolbar and create a custom one

[souporserious]

Excited this is finally out. Is it possible to disable the toolbar injected and and use a custom one?

I created my own here: http://codepen.io/souporserious/pen/dYZVYo?editors=100 would be nice to have an option to not render the toolbar at all.

[atuttle]

+1

[jwilsjustin]

+1

[jwilsjustin]

Really, you can accomplish a custom toolbar with custom CSS. A couple buttons that I didn't want for my use case can be easily hidden. So I guess a detract my +1 :smile:

/* SCSS file */

trix-toolbar .button_groups {
  button.code {
    display: none;
  }
  button.increase {
    display: none;
  }
  button.decrease {
    display: none;
  }
}

[atuttle]

@jwilsjustin that doesn't give you the ability to add custom buttons with an arbitrary callback function.

Sure, you could just inject the DOM objects and bind your own event listeners, but that's a very blunt tool. What this ticket is requesting is something a little more elegant.

[jeremy]

would be nice to have an option to not render the toolbar at all.

Set the toolbar attribute to your own element and Trix will use it rather than providing its own: <trix-editor toolbar="toolbar-dom-id"></trix-editor>

[atuttle]

It's great that this can be done, but it doesn't appear to be documented anywhere outside this ticket... or am I missing it somewhere?

[souporserious]

Nice! Yes, wasn't able to find this anywhere either. Thanks for posting, maybe the readme needs an update?

[vahanavagyan]

Hello everyone. Any help here? --> https://github.com/basecamp/trix/issues/115#issuecomment-160343141 Thanks!