2026-07-12 12:01:01 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>Editor — Roject</title>
|
|
|
|
|
<link rel="stylesheet" href="/components/context-menu/context-menu.css">
|
|
|
|
|
<link rel="stylesheet" href="/components/editor-shell/editor-shell.css">
|
|
|
|
|
<link rel="stylesheet" href="/components/tab-container/tab-container.css">
|
|
|
|
|
<link rel="stylesheet" href="/components/file-tree-panel/file-tree-panel.css">
|
page-editor-panel: replace html-editor-panel with structured .page editor
Renames html-editor-panel → page-editor-panel and changes the handled
extension from .html/.htm to .page. The new editor introduces a structured
format (page-header / page-root / page-block / page-area / page-footer),
a block registry with Full Width and Two Columns templates, a two-mode
sidebar (Blocks / Areas), rich-text wrapSelection helper, auto-template
injection for empty files, sandbox="allow-same-origin" on the iframe,
and editor-style injection that is stripped before saving.
Adds a default-roject theme (dark BG, Barlow font, blue headings) embedded
as a <style> block in the page <head>, scoped to [data-theme="default-roject"]
on both <body> and <page-root>. Areas toolbar gains H1, H2, H3 buttons.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-07-24 19:07:32 +00:00
|
|
|
<link rel="stylesheet" href="/components/page-editor-panel/page-editor-panel.css">
|
2026-07-12 12:01:01 +00:00
|
|
|
<link rel="stylesheet" href="/components/confirm-dialog/confirm-dialog.css">
|
|
|
|
|
<link rel="stylesheet" href="/components/rojo-chat-panel/rojo-chat-panel.css">
|
2026-07-16 13:06:33 +00:00
|
|
|
<link rel="stylesheet" href="/components/rojo-settings-panel/rojo-settings-panel.css">
|
2026-07-12 12:01:01 +00:00
|
|
|
<link rel="stylesheet" href="/vendor/codemirror.min.css">
|
|
|
|
|
<link rel="stylesheet" href="/components/code-panel/code-panel.css">
|
|
|
|
|
<style>
|
|
|
|
|
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
|
|
|
|
html, body { height: 100%; overflow: hidden; }
|
|
|
|
|
body { font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<editor-shell></editor-shell>
|
|
|
|
|
<script type="module" src="/components/editor-shell/editor-shell.js"></script>
|
|
|
|
|
<script type="module" src="/components/tab-container/tab-container.js"></script>
|
|
|
|
|
<script type="module" src="/components/file-tree-panel/file-tree-panel.js"></script>
|
page-editor-panel: replace html-editor-panel with structured .page editor
Renames html-editor-panel → page-editor-panel and changes the handled
extension from .html/.htm to .page. The new editor introduces a structured
format (page-header / page-root / page-block / page-area / page-footer),
a block registry with Full Width and Two Columns templates, a two-mode
sidebar (Blocks / Areas), rich-text wrapSelection helper, auto-template
injection for empty files, sandbox="allow-same-origin" on the iframe,
and editor-style injection that is stripped before saving.
Adds a default-roject theme (dark BG, Barlow font, blue headings) embedded
as a <style> block in the page <head>, scoped to [data-theme="default-roject"]
on both <body> and <page-root>. Areas toolbar gains H1, H2, H3 buttons.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-07-24 19:07:32 +00:00
|
|
|
<script type="module" src="/components/page-editor-panel/page-editor-panel.js"></script>
|
2026-07-12 12:01:01 +00:00
|
|
|
<script type="module" src="/components/confirm-dialog/confirm-dialog.js"></script>
|
|
|
|
|
<script src="/vendor/markdown-it.min.js"></script>
|
|
|
|
|
<script type="module" src="/components/rojo-chat-panel/rojo-chat-panel.js"></script>
|
2026-07-16 13:06:33 +00:00
|
|
|
<script type="module" src="/components/rojo-settings-panel/rojo-settings-panel.js"></script>
|
2026-07-12 12:01:01 +00:00
|
|
|
<script src="/vendor/codemirror.min.js"></script>
|
|
|
|
|
<script src="/vendor/cm-mode-xml.min.js"></script>
|
|
|
|
|
<script src="/vendor/cm-mode-javascript.min.js"></script>
|
|
|
|
|
<script src="/vendor/cm-mode-css.min.js"></script>
|
|
|
|
|
<script src="/vendor/cm-mode-htmlmixed.min.js"></script>
|
|
|
|
|
<script src="/vendor/cm-mode-markdown.min.js"></script>
|
2026-07-17 20:56:50 +00:00
|
|
|
<script src="/vendor/cm-mode-clike.min.js"></script>
|
|
|
|
|
<script src="/vendor/cm-mode-python.min.js"></script>
|
|
|
|
|
<script src="/vendor/cm-mode-shell.min.js"></script>
|
|
|
|
|
<script src="/vendor/cm-mode-yaml.min.js"></script>
|
2026-07-12 12:01:01 +00:00
|
|
|
<script type="module" src="/components/code-panel/code-panel.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
