0.1.7 • Published 1 year ago

quill-editor-math-fix v0.1.7

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

quill-editor-math

Rich text editor with react quill, mathquill4quill, katex, and image resizer. you can use formula with this. 👌🏻

NPM JavaScript Style Guide

Demo

Stackblitz

Install

npm install --save quill-editor-math

or

yarn add quill-editor-math

Usage

React

import React, { Component } from 'react'

import Editor from 'quill-editor-math'
import 'quill-editor-math/dist/index.css'

class Example extends Component {
  render() {
    return <Editor initialValue='Hello World!' />
  }
}

NextJS

import dynamic from 'next/dynamic';
import 'quill-editor-math/dist/index.css';

const Editor = dynamic(() => import('quill-editor-math')
.then((mod) => mod.default), {
    ssr: false,
    loading: () => <p>Editor loading ...</p>,
  }
);

export default function Example() {
  return (
   <Editor initialValue='Hello World!' />
  );
}

API

PropertyDescriptionTypeDefault
initialValuethe initial value to be inserted into the text editorString""
onChangeCallback when user inputfunction(value, delta, source, editor)false
onBlurCalled when leaving the componentfunction(previousSelection, source, editor)false
placeholderThe placeholder of inputString-
styleHTML CSS styleReact.CSSProperties-
themeQuill Editor themesString - "bubble | snow""snow"
customOperatorOperator that will appear in the equation, you can write latex formula.array['\pm', '\pm', '\sqrt{x}', '\sqrt']
toolbarQuill Toolbar Options, you can read more here: https://quilljs.com/docs/modules/toolbar/#toolbar-modulearray-

License

MIT © vieyama