ENH: Use code attribute for math delimiters

.gitignore

@@ -4,3 +4,4 @@ node_modules/
 tmp/
 sample/ckeditor.dist.js
 /package-lock.json
+*~

sample/ckeditor.js

@@ -25,14 +25,14 @@ import Table from '@ckeditor/ckeditor5-table/src/table';
 import TableToolbar from '@ckeditor/ckeditor5-table/src/tabletoolbar';
 import TodoList from '@ckeditor/ckeditor5-list/src/todolist';
 
-import MathJaxCodeDelimiters from '../src/mathjax_code_delimiters';
+import { ComplexitywikiPlugins } from '../src/index';
 
 /* global document, window */
 
 ClassicEditor
 	.create( document.querySelector( '#editor' ), {
 		plugins: [
-			MathJaxCodeDelimiters,
+			ComplexitywikiPlugins,
 			Autoformat,
 			AutoImage,
 			BlockQuote,

src/mathjax_code_delimiters.js → src/complexitywiki_plugins.js

@@ -5,12 +5,18 @@ import {
 	ButtonView
 } from 'ckeditor5/src/ui';
 
+import Code from '@ckeditor/ckeditor5-basic-styles/src/code';
+
 import displayIcon from '../theme/icons/display.svg';
 import inlineIcon from '../theme/icons/inline.svg';
 
-export default class MathJaxCodeDelimiters extends Plugin {
+export default class ComplexitywikiPlugins extends Plugin {
 	static get pluginName() {
-		return 'MathJaxCodeDelimiters';
+		return 'ComplexitywikiPlugins';
+	}
+
+	static get requires() {
+		return [ Code ];
 	}
 
 	init() {
@@ -35,7 +41,7 @@ export default class MathJaxCodeDelimiters extends Plugin {
 			// position of the cursor.
 			this.listenTo( view, 'execute', () => {
 				model.change( writer => {
-					const textNode = writer.createText( '`$ $`' );
+					const textNode = writer.createText( '$ $', { 'code': true } );
 					model.insertContent( textNode );
 				} );
 
@@ -60,7 +66,7 @@ export default class MathJaxCodeDelimiters extends Plugin {
 			// position of the cursor.
 			this.listenTo( view, 'execute', () => {
 				model.change( writer => {
-					const textNode = writer.createText( '`$$ $$`' );
+					const textNode = writer.createText( '$$ $$', { 'code': true } );
 					model.insertContent( textNode );
 				} );
 

src/index.js

-import displayIcon from '../theme/icons/display.svg';
-import inlineIcon from '../theme/icons/inline.svg';
-
-export { MathJaxCodeDelimiters } from './mathjax_code_delimiters';
-// export { CaosDBReferenceLink } from './caosdb_reference_link';
-
-export const icons = {
-	displayIcon,
-	inlineIcon
-};
+export { default as ComplexitywikiPlugins } from './complexitywiki_plugins';