Interaction and Element Editor

Algebrakit offers an Interaction Editor and an Element Editor. They need at least the following attributes:

exercise-id: The unique ID of the exercise object. The editor uses the ID to find the ExerciseManager for this exercise.
ref-id: the unique ID of the Interaction or Element in the exercise.

You insert these components using the akit-interaction-editor and akit-element-editor tags.

<html>
   <head></head>
   <body>
      <!--Insert one of these two options -->
      <akit-interaction-editor exercise-id="..." ref-id="..."></akit-interaction-editor>
      <akit-element-editor exercise-id="..." ref-id="..."></akit-element-editor>

      <!--Configure proxy -->
      <script>
            AlgebraKIT = {
                config: {
                    secureProxy: {
                        url: '/algebrakit-secure'
                    },
                }
            }
      </script>

      <!--Load frontend API -->
      <script src="https://widgets.algebrakit.com/akit-widgets.min.js"></script>
   </body>
</html>

Example code

You can find a working example here.