How to use jodit - 3 common examples

To help you get started, we’ve selected a few jodit examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github jodit / jodit-react / src / JoditEditor.js View on Github external
useEffect(() => {
		const blurHandler = value => {
			onBlur && onBlur(value)
		};

		const changeHandler = value => {
			onChange && onChange(value)
		};

		textArea.current = new Jodit(textArea.current, config);

		textArea.current.value = value;
		textArea.current.events.on('blur', () => blurHandler(textArea.current.value));
		textArea.current.events.on('change', () => changeHandler(textArea.current.value));
		textArea.current.workplace.tabIndex = tabIndex || -1;

		return () => {
			textArea.current.destruct();
      textArea.current = textArea.current.element;
		}
	}, [config]);
github WendellAdriel / jodit-vue / src / JoditVue.vue View on Github external
mounted () {
    this.editor = new Jodit(this.$el, this.editorConfig)
    this.editor.value = this.value
    this.editor.events.on('change', newValue => this.$emit('input', newValue))
  },
github jodit / jodit-angular / jodit-angular / jodit-angular.component.ts View on Github external
this.ngZone.runOutsideAngular(() => {
                this.editor = new EditorModule.Jodit(this.element, this.config);
            });
        }

jodit

Jodit is an awesome and useful wysiwyg editor with filebrowser

MIT
Latest version published 3 days ago

Package Health Score

65 / 100
Full package analysis

Popular jodit functions