# How Instatic’s Super Import Feature Converts HTML/CSS to Editable Nodes > Learn how Instatic's super import converts HTML CSS to editable nodes. It parses markup into a DOM tree and maps elements to the native PageNode format for easy editing. - Repository: [CoreBunch/Instatic](https://github.com/CoreBunch/Instatic) - Tags: internals - Published: 2026-07-28 --- **Instatic’s super import feature converts raw HTML and CSS into editable nodes by parsing markup into a sanitized DOM tree, walking it with `walkAndMap`, and mapping every element to the native `PageNode` format used by the visual editor.** The `CoreBunch/Instatic` repository implements this importer as a deterministic pipeline that can **convert HTML/CSS to editable nodes** when users paste or upload static markup. Because the output matches the editor’s internal tree structure, imported content requires no manual reconfiguration. The entire workflow is orchestrated by the `importHtml` function inside [`src/core/htmlImport/walkAndMap.ts`](https://github.com/CoreBunch/Instatic/blob/main/src/core/htmlImport/walkAndMap.ts). ## The Pipeline to Convert HTML/CSS to Editable Nodes The importer processes every input through discrete stages. Each stage is implemented as a dedicated routine in [`walkAndMap.ts`](https://github.com/CoreBunch/Instatic/blob/main/walkAndMap.ts), ensuring the final result is safe, complete, and editable. ### Parse the Raw Markup First, `importHtml` feeds the source string to `parseHtml`. This lightweight parser produces a DOM-like tree that can be traversed without a browser environment. All subsequent operations depend on this normalized representation. ### Strip Unsafe Content Next, `stripUnsafe` removes disallowed elements and attributes before they reach the editor. It eliminates `