|
|
@@ -10,6 +10,9 @@ import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor'
|
|
|
import ArticlePreset from '@ckeditor/ckeditor5-presets/src/article';
|
|
|
import ContextualToolbar from '@ckeditor/ckeditor5-ui/src/toolbar/contextual/contextualtoolbar';
|
|
|
|
|
|
+// Replace original submit method to prevent page reload.
|
|
|
+document.getElementById( 'form' ).submit = () => {};
|
|
|
+
|
|
|
ClassicEditor
|
|
|
.create( document.querySelector( '#editor' ), {
|
|
|
plugins: [ ArticlePreset, ContextualToolbar ],
|
|
|
@@ -21,12 +24,14 @@ ClassicEditor
|
|
|
} )
|
|
|
.then( editor => {
|
|
|
window.editor = editor;
|
|
|
+ const form = document.getElementById( 'form' );
|
|
|
+
|
|
|
+ document.getElementById( 'submit-with-js' ).addEventListener( 'click', () => form.submit() );
|
|
|
|
|
|
- document.getElementById( 'submit-with-js' ).addEventListener( 'click', () => {
|
|
|
- document.getElementById( 'form' ).submit();
|
|
|
+ form.addEventListener( 'submit', evt => {
|
|
|
+ evt.preventDefault();
|
|
|
} );
|
|
|
} )
|
|
|
.catch( err => {
|
|
|
console.error( err.stack );
|
|
|
} );
|
|
|
-
|