#81 Make span element className configurable

README.md

@@ -112,6 +112,7 @@ InlineEditor.defaultConfig = {
 		engine: 'mathjax', // or katex or function. E.g. (equation, element, display) => { ... }
 		lazyLoad: undefined, // async () => { ... }, called once before rendering first equation if engine doesn't exist. After resolving promise, plugin renders equations.
 		outputType: 'script', // or span
+		className: 'math-tex', // class name to use with span output type, change e.g. MathJax processClass (v2) / processHtmlClass (v3) is set
 		forceOutputType: false, // forces output to use outputType
 		enablePreview: true, // Enable preview view
 		previewClassName: [], // Class names to add to previews

src/mathediting.js

@@ -29,6 +29,7 @@ export default class MathEditing extends Plugin {
 		editor.config.define( 'math', {
 			engine: 'mathjax',
 			outputType: 'script',
+			className: 'math-tex',
 			forceOutputType: false,
 			enablePreview: true,
 			previewClassName: [],
@@ -98,7 +99,7 @@ export default class MathEditing extends Plugin {
 			.elementToElement( {
 				view: {
 					name: 'span',
-					classes: [ 'math-tex' ]
+					classes: [ mathConfig.className ]
 				},
 				model: ( viewElement, { writer } ) => {
 					const equation = viewElement.getChild( 0 ).data.trim();
@@ -188,7 +189,7 @@ export default class MathEditing extends Plugin {
 
 			if ( type === 'span' ) {
 				const mathtexView = writer.createContainerElement( 'span', {
-					class: 'math-tex'
+					class: mathConfig.className
 				} );
 
 				if ( display ) {