material-ui-html-field

0.1.3 • Public • Published

material-ui-html-field

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

Simditor Config

toolbar

toolbarFloat

toolbarFloatOffset

toolbarHidden

defaultImage

tabIndent

params

upload

pasteImage

cleanPaste

imageButton

allowedTags

allowedAttributes

allowedStyles

codeLanguages

Methods

getValue()

focus()

blur()

Events

onBlur

onChange

onFocus

Contribute

Maichong Software

Liang Xingchen

License

This project is licensed under the terms of the MIT license

Package Sidebar

Install

npm i material-ui-html-field

Weekly Downloads

2

Version

0.1.3

License

MIT

Last publish

Collaborators

  • liangxingchen