Package Exports
- material-ui-html-field
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (material-ui-html-field) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Html WYSIWYG editor based on react & material-ui & simditor.
Installation
material-ui-html-field is available as an npm package.
npm i material-ui-html-field
import React from 'react';
import HtmlField from 'material-ui-html-field';
export default class MyAwesomeReactComponent extends React.Component {
constructor(props) {
super(props);
this.state={
html:'',
htmlError:''
};
}
render(){
let editorConfig={
//simditor configure
}
return (
<HtmlField
floatingLabelText="Html Editor"
value={this.state.html}
errorText={this.state.htmlError}
{...editorConfig}
/>
)
}
}
Example
git clone https://github.com/maichong/material-ui-html-field.git
cd material-ui-html-field/example
npm install
npm start
// see http://localhost:3000
Props
className
errorStyle
errorText
floatingLabelStyle
floatingLabelText
ref
style
value
hintText
locale en-US or zh-CN
toolbar
toolbarFloat
toolbarFloatOffset
toolbarHidden
defaultImage
tabIndent
params
upload
pasteImage
cleanPaste
imageButton
allowedTags
allowedAttributes
allowedStyles
codeLanguages
Methods
getValue()
focus()
blur()
Events
onBlur
onChange
onFocus
Contribute
License
This project is licensed under the terms of the MIT license