Wiris

Documentation

  • Demos
  • Visit our website
  • Contact us
  • MathType

    • WirisQuizzes

      • LearningLemur

        • CalcMe

          • MathPlayer

            • Store FAQ

              • MathFlow

                • BF FAQ

                  • Miscellaneous

                    • Wiris Integrations

                      • Home
                      • MathFlow
                      • Tutorials
                      • Tutorials

                      Using Source view

                      Reading time: 1min

                      Using the same equation as in the previous section, we will take a brief look at Source View. Source view is an alternate mode which displays the exact MathML syntax and structure, and operates just like a text editor, allowing you to directly edit equation content within the MathML itself.

                      Click on the Source view tab just below the editor window. You will see the MathML source displayed for the existing equation x+z=9 as shown here.

                      Highlight the 'z' character and change this back to 'y'. Notice how changes are reflected in blue text, while the existing text remains black.

                      Let's change the formatting of the MathML itself. Highlight just a few rows of the text and press Shift+Tab a number of times. This shortcut key combination will move selected blocks of text. The MathML is still valid, but not really in a standard readable form. We did this exercise to demonstrate the first of two special Source View commands.

                      First we will use the Format command, which will nicely position the MathML syntax into an easily readable form. You can 'format' the edited MathML by ¹clicking the Source menu then Format, by ²right-clicking in the editing window itself and choosing Format, or by ³clicking the Format Source (document icon) toolbar button. Whether any or all text is selected or not, Format will affect the entire document (equation). Also notice that the edited values are now black again.

                      Now click back to Design View. Changes made to the MathML in Source View are immediately reflected in Design View and vice-versa.

                      Switching back to Source View, the MathML can be checked for proper syntax and structure by ¹selecting the Source menu then Validate or by ²clicking the Validate toolbar button (checkmark icon, also called the syntax checker). Since the MathML in this example passes validation, 'Validation completed successfully' will appear in the lower status bar area.

                      Remove one of the line's end tags and try to validate again. The first error found will display in the status bar and the offending syntax will display as red text. Now click OK to close the error dialog and OK again to close the Editor. Now you will see a warning about the MathML errors, preventing the editor from closing. Switch to Design View and the editor will prevent this as well due to the malformed end tag. At this point you must Undo your actions or correct any MathML errors before continuing.

                      You can find more information on Source View in the MathFlow Editor Source Editing section in the main MathFlow documentation.

                      Was this article helpful?

                      Give feedback about this article

                      Related Articles

                      • Vertex
                      • Vertices
                      • String substitution
                      • MathFlow licensing

                      Empowering STEM education

                      MathType

                      • Office Tools
                      • LMS
                      • XML
                      • HTML

                      WirisQuizzes

                      Learning Lemur

                      Integrations

                      Solutions

                      • Education
                      • Publishing houses – platforms and interactive
                      • Publishing houses – Print and digital
                      • Technical writers

                      Pricing

                      Downloads

                      Blog

                      • Success stories

                      About us

                      • Careers
                      • Partnership

                      Contact Us

                      Contact Sales

                      European union (European Regional Development Fund) and 1EdTech (TrustEd Apps Certified)
                      • Cookie Policy
                      • Terms of Use
                      • Privacy Policy / GDPR
                      • Student Data Privacy
                      • Compliance
                      • Cookie Settings

                      © Wiris 2026

                      Expand