Tweaking Formatting in WebStorm for JSX / React - sublimetext2

Question

I'm looking for an editor that will aid in Formatting React/JSX Code with no headaches. I'm quite impressed with WebStorm while working with react / jsx, little-to-no setup. The formatter is almost perfect. Can I somehow tweak the formatter?
Current Code:
<button onClick={this.props.showHistoryButton} style={{textTransform:'capitalize',borderRadius:0,boxShadow:'none',border:'1px solid transparent',width:100,zIndex:9}} className="btn btn-default">
History
</button>
<UserRow loadRecord={this.props.loadRecord} showHistory={this.props.showHistory} checkedIds={this.props.checkedIds} expanded={user.expanded}
expandRow={expandRow}
compressRow={compressRow}
resetExpanded={resetExpanded}
allExpanded={allExpanded} checked={user.checked}
unCheckRow={unCheckRow}
checkRow={checkRow}
resetParentHeight={this.resetParentHeight.bind(this)} tableContainerHeight={this.state.tableContainerHeight}
key={index}
user={user}/>
Code after Format / Indent
<button onClick={this.props.showHistoryButton} style={{
textTransform: 'capitalize',
borderRadius: 0,
boxShadow: 'none',
border: '1px solid transparent',
width: 100,
zIndex: 9
}} className="btn btn-default">
History
</button>
<UserRow loadRecord={this.props.loadRecord} showHistory={this.props.showHistory}
checkedIds={this.props.checkedIds} expanded={user.expanded}
expandRow={expandRow}
compressRow={compressRow}
resetExpanded={resetExpanded}
allExpanded={allExpanded} checked={user.checked}
unCheckRow={unCheckRow}
checkRow={checkRow}
resetParentHeight={this.resetParentHeight.bind(this)}
tableContainerHeight={this.state.tableContainerHeight}
key={index}
user={user}/>
Expected Result
<UserRow
loadRecord={this.props.loadRecord}
showHistory={this.props.showHistory}
As you can see not every 'prop' is on a new line, can that be achieved through a tweak / setting?
Edit - I also tried Sublime, it worked half the time (producing an error randomly)

Answer 1

JSX formatter uses HTML code style preferences. Please try setting Wrap attributes: to Wrap always in Settings | Editor | Code Style | HTML - does it help?