Unable to dynamically set the editor's formula in the demo and automatically render it.

[uniconnector]

1. Add formula content to the file：

   ClassicEditor
       .create( document.querySelector( '#editor' ), {
   	    math: {
   		    engine: 'katex',
   		    katexRenderOptions: {
   			    macros: {
   				    '\\test': '\\mathrel{\\char`≠}'
   			    }
   		    }
   	    },
   	    plugins: [
   		    Math,
   		    AutoformatMath,
   		    .....
   	    ],
   	    toolbar: [
   		    'math',
   		    ...
   	    ]
                     ...
       } )
       .then( editor => {
   	    window.editor = editor;
   
                   // dynamically set the editor's formula
                   editor.setData('\[ x=\frac{-b\pm\sqrt{b^2-4ac}}{2a} \]');
   
   	    CKEditorInspector.attach( editor );
   	    window.console.log( 'CKEditor 5 is ready.', editor );
       } )
       .catch( err => {
   	    window.console.error( err.stack );
       } );

2. show contents

   \[ x=\frac{-b\pm\sqrt{b^2-4ac}}{2a} \]

3. Expected result:
   Format formula

[uniconnector]

I took a look at the editingDowncast and realized that I needed to save the Katex formula in HTML format.

[tony]

@uniconnector If there's no objection, I added formatting to the original post.

I took a look at the editingDowncast and realized that I needed to save the Katex formula in HTML format.

Would you consider this resolved?

[uniconnector]

@tony Saving HTML can indeed solve the problem, but the project itself relies on the markup format, so the cost of replacement is relatively high.

I have made some attempts, and currently, the summary needs to follow the framework requirements of the ckeditor to solve it, otherwise normal saving cannot be carried out.

[tony]

This seems more like a support issue than a bug at the moment. I can't give support, I'll clarify if there's a bug or not.

ckeditor5-math uses MathCommand (definition, usage), I don't believe editor.setData('\[ x=\frac{-b\pm\sqrt{b^2-4ac}}{2a} \]'); would render a formula.

In regards to "Saving HTML", can you give an example of what HTML you're saving when it works? It may be working as intended.

[devraj112]

This seems more like a support issue than a bug at the moment. I can't give support, I'll clarify if there's a bug or not.

ckeditor5-math uses MathCommand (definition, usage), I don't believe editor.setData('\[ x=\frac{-b\pm\sqrt{b^2-4ac}}{2a} \]'); would render a formula.

In regards to "Saving HTML", can you give an example of what HTML you're saving when it works? It may be working as intended.

For instance, I have integrated the math plugin into my angular application and I am trying to pass the math equation directly from the application to the editor but it is not able to render it.

onSubmit(){
    const equation = "x = {-b \pm \sqrt{b^2-4ac} \over 2a}.";

    this.editor.execute( 'math', equation, true, 'script', true);
  }

But, when I am trying rendering this equation(\(ax^2 + bx + c = 0\)) it is working fine.

onSubmit(){
    const equation = "\(ax^2 + bx + c = 0\)";

    this.editor.execute( 'math', equation, false, 'script', true);
  }

What am I missing?

index.html

<script type="text/javascript" id="MathJax-script" async
        src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>