Как добавить className = "" & пользовательский тег в хуки response-quill? - PullRequest
Новая
       64

Как добавить className = "" & пользовательский тег в хуки response-quill?

0 голосов
/ 13 июля 2020

как добавить пользовательский className и Custom Tag в react-quill с помощью react-hooks?

import React из 'response' import ReactQuill, {Quill} из 'response-quill' import 'quill / dist / quill.snow. css '

function MyEditor () {

class ShadowBlot { 
    static create(value) {
        let node = super.create();
        node.setAttribute('className','Shadow')
        return node;
      }
}
ShadowBlot.blotName = 'shadow';
ShadowBlot.tagName = 'span';
ShadowBlot.className = 'shadow';


const [value,SetValue] = React.useState('')
const EditorRef  = React.useRef()
const formats = ['shadow']

const addShadow = (e) => {

    e.preventDefault()
    let Editor = EditorRef.current.getEditor()
    let range = Editor.getSelection() 
    range = range  ? range : 0 

    // ******* 
    
    
    
    
    
}

return (
    <div>
        <h1>Example03</h1>
        <button onClick={e => addShadow(e)}>Shadow Class</button>
        <ReactQuill 
            ref={EditorRef}
            value={value}
            onChange={(e) => SetValue(e)}
            formats={formats}
        />
        <p>{value}</p>
    </div>
)

}

экспорт MyEditor по умолчанию

...