feat(creator-studio): dialog-driven table/math/footnote, theme quote, code language picker

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

assets/creator-studio/src/editor-content-style.ts

@@ -0,0 +1,131 @@
+/**
+ * TinyMCE iframe 内的正文样式。
+ *
+ * 编辑器正文跑在 iframe 里，页面级 SCSS 影响不到它，所以这里显式给出：
+ * 正文排版、主题引用 .quote_q、表格、公式、目录占位，以及代码块右上角的
+ * 语言标签（可点击，由父组件监听 pre 的点击打开语言选择）。
+ *
+ * @package Jio
+ */
+
+export const EDITOR_CONTENT_STYLE = `
+body {
+	margin: 0;
+	color: #2b2b2b;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
+	font-size: 16px;
+	line-height: 1.8;
+	letter-spacing: 0.01em;
+}
+p { margin: 0 0 1.1em; }
+h1, h2, h3, h4, h5, h6 { margin: 1.5em 0 0.65em; line-height: 1.4; }
+img, iframe { max-width: 100%; }
+img { height: auto; }
+
+/* 代码块：右上角显示当前语言，点击即可更换（交互在父组件里接管）。 */
+.enlighter-pre {
+	position: relative;
+	margin: 0 0 1.1em;
+	padding: 40px 14px 14px;
+	overflow: auto;
+	border-radius: 8px;
+	background: #f2f4f5;
+	cursor: pointer;
+}
+.enlighter-pre code.gl {
+	display: block;
+	border: 0;
+	background: transparent;
+	color: #2b2b2b;
+	font-family: Consolas, Monaco, monospace;
+	font-size: 13px;
+	line-height: 1.5;
+	white-space: pre-wrap;
+}
+.enlighter-pre::before {
+	position: absolute;
+	top: 9px;
+	right: 9px;
+	padding: 3px 10px;
+	border-radius: 4px;
+	background: linear-gradient(135deg, #3dcabd 10%, #254bdd 100%);
+	color: #fff;
+	content: attr(data-enlighter-language);
+	font-size: 12px;
+	line-height: 1.5;
+	pointer-events: none;
+}
+
+/* 引用：与前台主题的 .quote_q 视觉一致。 */
+.quote_q {
+	position: relative;
+	margin: 10px 0 20px;
+	padding: 1.2em;
+	border-radius: 6px;
+	color: var(--quote-color, #555);
+	background: rgba(85, 85, 85, 0.04);
+}
+.quote_q.qe_wzk_c-red { --quote-color: #dc3f3f; background: rgba(220, 63, 63, 0.05); }
+.quote_q.qe_wzk_lan { --quote-color: #0092ff; background: rgba(0, 146, 255, 0.05); }
+.quote_q.qe_wzk_lv { --quote-color: #23790e; background: rgba(35, 121, 14, 0.05); }
+.quote_q::after {
+	position: absolute;
+	top: 18px;
+	left: 18px;
+	color: var(--quote-color, #555);
+	content: '\\201C';
+	font-size: 1.4em;
+	line-height: 1;
+	opacity: 0.6;
+}
+.quote_q > div { padding-left: 2em; opacity: 0.85; }
+.quote_q > div > p:last-child { margin-bottom: 0; }
+
+/* 表格。 */
+.jio-content-table {
+	width: 100%;
+	margin: 0 0 1.1em;
+	border-collapse: collapse;
+	font-size: 14px;
+}
+.jio-content-table th,
+.jio-content-table td {
+	padding: 10px 12px;
+	border: 1px solid #e6e9e8;
+	line-height: 1.6;
+}
+.jio-content-table thead th {
+	background: #f6f8f7;
+	font-weight: 600;
+	text-align: left;
+}
+.jio-content-table.is-striped tbody tr:nth-child(odd) td { background: #f7f9f8; }
+
+/* 公式与目录占位。 */
+.jio-math { font-family: "Cambria Math", "Latin Modern Math", "Times New Roman", serif; }
+.jio-math--block { display: block; margin: 12px 0; text-align: center; }
+.jio-toc-placeholder {
+	height: 40px;
+	margin: 0 0 1.1em;
+	border: 1px dashed #d3ded8;
+	border-radius: 8px;
+	background: #f7faf9;
+	color: #8c9a94;
+	font-size: 12px;
+	line-height: 40px;
+	text-align: center;
+}
+.jio-toc-placeholder::after { content: '目录将在发布后自动生成'; }
+
+/* 附件链接。 */
+.jio-file-link {
+	display: inline-flex;
+	align-items: center;
+	gap: 6px;
+	padding: 6px 12px;
+	border: 1px solid #e6e9e8;
+	border-radius: 6px;
+	background: #f7f8f8;
+	text-decoration: none;
+}
+`;