With Qualified Embed, you can now build advanced, developer-friendly coding products for education, recruiting, upskilling, and more. Our SDK makes it simple to embed code challenges and assessments into your existing products.
Install the dependency into your Node web project:
npm i @qualified/embed
Import the package and create an instance of the Embed manager:
import { QualifiedEmbedManager } from "@qualified/embed";
const manager = QualifiedEmbedManager.init({
options: {
embedClientKey: "Your Embed key",
},
});
const editor = manager.createEditor({
challengeId: "An embedded challenge ID",
node: document.querySelector("#qualified-embed-container"),
});Optionally integrate this into your front end framework of choice (React, Vue, Angular, etc), then bundle the code using your favorite web bundler (Webpack, Vite, Parcel, etc).
See our Embed with React demo for a complete example.
You can use Qualified Embed in a script tag as follows:
<script src="https://cdn.jsdelivr.net/npm/@qualified/embed@2.0.0"></script>See our quick start guide and demo page for examples.