Preserve QWord internal hyperlinks in DOCX
This commit is contained in:
@@ -31,7 +31,7 @@ npm run build
|
|||||||
|
|
||||||
## Поддержка форматов
|
## Поддержка форматов
|
||||||
|
|
||||||
- QWord открывает `.docx` и сохраняет `.docx`; при импорте базовых DOCX-абзацев читает выравнивание, переносы строк, разрывы страниц, табуляцию, внешние гиперссылки, простые таблицы, базовые растровые изображения, явные цвета текста, подсветку, размер и семейство шрифта из OOXML, а при экспорте DOCX сохраняются заголовки, абзацы, переносы строк, разрывы страниц, табуляция, выравнивание абзацев, списки, простые таблицы, внешние гиперссылки, базовые растровые изображения и базовое inline-форматирование текста: полужирный, курсив, подчеркивание, зачеркивание, цвет текста, подсветка, размер и семейство шрифта.
|
- QWord открывает `.docx` и сохраняет `.docx`; при импорте базовых DOCX-абзацев читает выравнивание, переносы строк, разрывы страниц, табуляцию, внешние и внутренние гиперссылки-якоря, простые таблицы, базовые растровые изображения, явные цвета текста, подсветку, размер и семейство шрифта из OOXML, а при экспорте DOCX сохраняются заголовки, абзацы, переносы строк, разрывы страниц, табуляция, выравнивание абзацев, списки, простые таблицы, внешние и внутренние гиперссылки-якоря, базовые растровые изображения и базовое inline-форматирование текста: полужирный, курсив, подчеркивание, зачеркивание, цвет текста, подсветка, размер и семейство шрифта.
|
||||||
- QExcell открывает `.xlsx` и сохраняет `.xlsx`; сетка расширяется по фактически заполненным ячейкам, поддерживает несколько листов, скрытые и veryHidden листы через `sheet state`, закрепленные области через `sheetViews pane`, скрытие сетки через `sheetView showGridLines`, масштаб листа через `sheetView zoomScale`, автофильтр через `autoFilter ref`, цвет вкладки листа через `sheetPr tabColor`, ширину колонок через `cols/col width`, высоту строк через `row ht/customHeight`, активный лист через `workbookView activeTab`, формулы за пределами стартового диапазона A-H, shared formulas XLSX с относительными ссылками, базовые merged cells, внешние и внутренние гиперссылки ячеек, базовые диаграммы листа и базовое форматирование ячеек: полужирный, курсив, подчеркивание, зачеркивание, размер и семейство шрифта, прямые RGB/theme/indexed цвета текста с учетом `xl/theme/theme1.xml`, заливку, горизонтальное и вертикальное выравнивание, перенос текста, границы и цвет границ ячеек, числовые форматы XLSX для дат, процентов, денежных и дробных значений.
|
- QExcell открывает `.xlsx` и сохраняет `.xlsx`; сетка расширяется по фактически заполненным ячейкам, поддерживает несколько листов, скрытые и veryHidden листы через `sheet state`, закрепленные области через `sheetViews pane`, скрытие сетки через `sheetView showGridLines`, масштаб листа через `sheetView zoomScale`, автофильтр через `autoFilter ref`, цвет вкладки листа через `sheetPr tabColor`, ширину колонок через `cols/col width`, высоту строк через `row ht/customHeight`, активный лист через `workbookView activeTab`, формулы за пределами стартового диапазона A-H, shared formulas XLSX с относительными ссылками, базовые merged cells, внешние и внутренние гиперссылки ячеек, базовые диаграммы листа и базовое форматирование ячеек: полужирный, курсив, подчеркивание, зачеркивание, размер и семейство шрифта, прямые RGB/theme/indexed цвета текста с учетом `xl/theme/theme1.xml`, заливку, горизонтальное и вертикальное выравнивание, перенос текста, границы и цвет границ ячеек, числовые форматы XLSX для дат, процентов, денежных и дробных значений.
|
||||||
- QPowerPoint открывает `.pptx` и сохраняет `.pptx`; импорт учитывает порядок слайдов из `presentation.xml`, переносы абзацев и ручные переносы строк `a:br` внутри текстовых блоков, скрытые слайды через атрибут `show`, а также заметки докладчика через relationships слайда, сохраняет скрытые слайды, заметки докладчика, базовые растровые изображения слайдов, пользовательский цвет фона слайда, а также цвет, размер и семейство шрифта текста заголовка/подзаголовка.
|
- QPowerPoint открывает `.pptx` и сохраняет `.pptx`; импорт учитывает порядок слайдов из `presentation.xml`, переносы абзацев и ручные переносы строк `a:br` внутри текстовых блоков, скрытые слайды через атрибут `show`, а также заметки докладчика через relationships слайда, сохраняет скрытые слайды, заметки докладчика, базовые растровые изображения слайдов, пользовательский цвет фона слайда, а также цвет, размер и семейство шрифта текста заголовка/подзаголовка.
|
||||||
- QOutlook открывает `.eml` и одиночные сообщения Outlook `.msg`, сохраняет письма в `.eml`; импорт EML поддерживает простые текстовые письма, `multipart/alternative`, `multipart/mixed`, `multipart/related`, `text/plain`, fallback из `text/html` в читаемый текст, base64, quoted-printable, MIME encoded-word заголовки UTF-8/windows-1251, MIME-вложения и inline-вложения с `Content-ID`, `To`, `Cc` и `Bcc`. Импорт MSG читает тему, отправителя, получателей `To/Cc/Bcc`, текст/HTML body и вложения, если эти поля доступны в MSG-файле. Новые письма можно адресовать через `To/Cc/Bcc` и сохранять в EML вместе с добавленными файлами. `.pst` и экспорт в `.msg` пока не реализованы.
|
- QOutlook открывает `.eml` и одиночные сообщения Outlook `.msg`, сохраняет письма в `.eml`; импорт EML поддерживает простые текстовые письма, `multipart/alternative`, `multipart/mixed`, `multipart/related`, `text/plain`, fallback из `text/html` в читаемый текст, base64, quoted-printable, MIME encoded-word заголовки UTF-8/windows-1251, MIME-вложения и inline-вложения с `Content-ID`, `To`, `Cc` и `Bcc`. Импорт MSG читает тему, отправителя, получателей `To/Cc/Bcc`, текст/HTML body и вложения, если эти поля доступны в MSG-файле. Новые письма можно адресовать через `To/Cc/Bcc` и сохранять в EML вместе с добавленными файлами. `.pst` и экспорт в `.msg` пока не реализованы.
|
||||||
@@ -46,7 +46,7 @@ Desktop-меню поддерживает системные команды дл
|
|||||||
- `Ctrl/Cmd+Shift+E`: экспортировать текущую рабочую область в PDF.
|
- `Ctrl/Cmd+Shift+E`: экспортировать текущую рабочую область в PDF.
|
||||||
- `Ctrl/Cmd+P`: печать текущей рабочей области.
|
- `Ctrl/Cmd+P`: печать текущей рабочей области.
|
||||||
|
|
||||||
Импорт и экспорт реализуют базовую совместимость с Office Open XML, EML и чтением MSG: текст, базовое inline-форматирование, явные `w:br`, `w:br w:type="page"`, `w:tab`, `w:color`, `w:shd`, `w:highlight`, `w:sz`, `w:rFonts` и `w:strike` для переносов строк/разрывов страниц/табуляции/цвета/подсветки/размера/семейства/зачеркивания текста DOCX, выравнивание абзацев DOCX, внешние гиперссылки DOCX, внешние и внутренние гиперссылки XLSX, базовые растровые изображения DOCX/PPTX, простые таблицы, несколько листов, скрытые/veryHidden листы через `sheet state`, закрепленные области через `sheetViews pane`, скрытие сетки через `sheetView showGridLines`, масштаб листа через `sheetView zoomScale`, автофильтр через `autoFilter ref`, цвет вкладки листа через `sheetPr tabColor`, ширину колонок через `cols/col width`, высоту строк через `row ht/customHeight` и активный лист XLSX через `workbookView activeTab`, ячейки, формулы, shared formulas XLSX с относительными ссылками, базовые merged cells, базовые стили, RGB/theme/indexed цвета XLSX с учетом `xl/theme/theme1.xml`, размеры и семейства шрифта, зачеркивание ячеек, горизонтальное и вертикальное выравнивание, перенос текста, границы и цвет границ ячеек, числовые форматы и простые bar/line/pie диаграммы ячеек XLSX, текстовые слайды PPTX с переносами абзацев и ручными переносами строк `a:br` при импорте, скрытые слайды PPTX через атрибут `show`, пользовательский фон слайдов PPTX, цвет, размер и семейство шрифта текста заголовка/подзаголовка PPTX, импорт и экспорт заметок докладчика, адресацию `To/Cc/Bcc`, MIME encoded-word заголовки UTF-8/windows-1251, MIME-вложения EML, inline-вложения EML с `Content-ID` и базовые поля одиночных MSG-писем. Сложные стили, макросы, сложные диаграммы, сложное позиционирование и обтекание изображений, PST, экспорт MSG и полная fidelity документов Microsoft Office в текущем инкременте не заявлены.
|
Импорт и экспорт реализуют базовую совместимость с Office Open XML, EML и чтением MSG: текст, базовое inline-форматирование, явные `w:br`, `w:br w:type="page"`, `w:tab`, `w:color`, `w:shd`, `w:highlight`, `w:sz`, `w:rFonts` и `w:strike` для переносов строк/разрывов страниц/табуляции/цвета/подсветки/размера/семейства/зачеркивания текста DOCX, выравнивание абзацев DOCX, внешние `w:hyperlink r:id` и внутренние `w:hyperlink w:anchor` гиперссылки DOCX, внешние и внутренние гиперссылки XLSX, базовые растровые изображения DOCX/PPTX, простые таблицы, несколько листов, скрытые/veryHidden листы через `sheet state`, закрепленные области через `sheetViews pane`, скрытие сетки через `sheetView showGridLines`, масштаб листа через `sheetView zoomScale`, автофильтр через `autoFilter ref`, цвет вкладки листа через `sheetPr tabColor`, ширину колонок через `cols/col width`, высоту строк через `row ht/customHeight` и активный лист XLSX через `workbookView activeTab`, ячейки, формулы, shared formulas XLSX с относительными ссылками, базовые merged cells, базовые стили, RGB/theme/indexed цвета XLSX с учетом `xl/theme/theme1.xml`, размеры и семейства шрифта, зачеркивание ячеек, горизонтальное и вертикальное выравнивание, перенос текста, границы и цвет границ ячеек, числовые форматы и простые bar/line/pie диаграммы ячеек XLSX, текстовые слайды PPTX с переносами абзацев и ручными переносами строк `a:br` при импорте, скрытые слайды PPTX через атрибут `show`, пользовательский фон слайдов PPTX, цвет, размер и семейство шрифта текста заголовка/подзаголовка PPTX, импорт и экспорт заметок докладчика, адресацию `To/Cc/Bcc`, MIME encoded-word заголовки UTF-8/windows-1251, MIME-вложения EML, inline-вложения EML с `Content-ID` и базовые поля одиночных MSG-писем. Сложные стили, макросы, сложные диаграммы, сложное позиционирование и обтекание изображений, PST, экспорт MSG и полная fidelity документов Microsoft Office в текущем инкременте не заявлены.
|
||||||
|
|
||||||
## Сборка пакета
|
## Сборка пакета
|
||||||
|
|
||||||
|
|||||||
@@ -104,16 +104,18 @@ describe("wordOffice helpers", () => {
|
|||||||
|
|
||||||
it("сохраняет HTML-гиперссылки как inline runs", () => {
|
it("сохраняет HTML-гиперссылки как inline runs", () => {
|
||||||
const blocks = htmlToWordBlocks(`
|
const blocks = htmlToWordBlocks(`
|
||||||
<p>Откройте <a href="https://example.com/report"><strong>отчет</strong></a> и <a href="javascript:alert(1)">небезопасную ссылку</a>.</p>
|
<p>Откройте <a href="https://example.com/report"><strong>отчет</strong></a>, <a href="#Section1">раздел</a> и <a href="javascript:alert(1)">небезопасную ссылку</a>.</p>
|
||||||
`);
|
`);
|
||||||
|
|
||||||
expect(blocks).toEqual([
|
expect(blocks).toEqual([
|
||||||
{
|
{
|
||||||
type: "paragraph",
|
type: "paragraph",
|
||||||
text: "Откройте отчет и небезопасную ссылку.",
|
text: "Откройте отчет, раздел и небезопасную ссылку.",
|
||||||
runs: [
|
runs: [
|
||||||
{ text: "Откройте " },
|
{ text: "Откройте " },
|
||||||
{ text: "отчет", bold: true, href: "https://example.com/report" },
|
{ text: "отчет", bold: true, href: "https://example.com/report" },
|
||||||
|
{ text: ", " },
|
||||||
|
{ text: "раздел", href: "#Section1" },
|
||||||
{ text: " и небезопасную ссылку." }
|
{ text: " и небезопасную ссылку." }
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
@@ -224,6 +226,17 @@ describe("wordOffice helpers", () => {
|
|||||||
expect(relationshipsXml).not.toContain("javascript:alert");
|
expect(relationshipsXml).not.toContain("javascript:alert");
|
||||||
});
|
});
|
||||||
|
|
||||||
|
it("записывает внутренние HTML-гиперссылки как w:hyperlink anchor без внешних relationships", async () => {
|
||||||
|
const blob = await exportDocxBlob("Внутренняя ссылка.docx", '<p>См. <a href="#Section1">раздел</a>.</p>');
|
||||||
|
const zip = await JSZip.loadAsync(await blob.arrayBuffer());
|
||||||
|
const documentXml = await zip.file("word/document.xml")?.async("string");
|
||||||
|
const relationshipsXml = await zip.file("word/_rels/document.xml.rels")?.async("string");
|
||||||
|
|
||||||
|
expect(documentXml).toMatch(/<w:hyperlink\b[^>]*w:anchor="Section1"[^>]*>/);
|
||||||
|
expect(documentXml).toContain('w:rStyle w:val="Hyperlink"');
|
||||||
|
expect(relationshipsXml).not.toContain('Target="#Section1"');
|
||||||
|
});
|
||||||
|
|
||||||
it("записывает data URI изображения в DOCX media relationships", async () => {
|
it("записывает data URI изображения в DOCX media relationships", async () => {
|
||||||
const blob = await exportDocxBlob("Изображение.docx", `<p>Логотип</p><img src="${tinyPngDataUri}" alt="Логотип" width="32" height="32">`);
|
const blob = await exportDocxBlob("Изображение.docx", `<p>Логотип</p><img src="${tinyPngDataUri}" alt="Логотип" width="32" height="32">`);
|
||||||
const zip = await JSZip.loadAsync(await blob.arrayBuffer());
|
const zip = await JSZip.loadAsync(await blob.arrayBuffer());
|
||||||
|
|||||||
+41
-4
@@ -89,6 +89,7 @@ type DocxModule = {
|
|||||||
TextRun: new (options: string | Record<string, unknown>) => unknown;
|
TextRun: new (options: string | Record<string, unknown>) => unknown;
|
||||||
WidthType?: Record<string, string>;
|
WidthType?: Record<string, string>;
|
||||||
ExternalHyperlink?: new (options: { children: unknown[]; link: string }) => unknown;
|
ExternalHyperlink?: new (options: { children: unknown[]; link: string }) => unknown;
|
||||||
|
InternalHyperlink?: new (options: { children: unknown[]; anchor: string }) => unknown;
|
||||||
ImageRun?: new (options: Record<string, unknown>) => unknown;
|
ImageRun?: new (options: Record<string, unknown>) => unknown;
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -391,7 +392,17 @@ function wordInlineRunToTextRunOption(run: WordInlineRun) {
|
|||||||
function wordInlineRunsToTextRuns(runs: WordInlineRun[], docx: DocxModule) {
|
function wordInlineRunsToTextRuns(runs: WordInlineRun[], docx: DocxModule) {
|
||||||
const normalizedRuns = runs.length > 0 ? runs : [{ text: "" }];
|
const normalizedRuns = runs.length > 0 ? runs : [{ text: "" }];
|
||||||
return normalizedRuns.flatMap((run) => {
|
return normalizedRuns.flatMap((run) => {
|
||||||
const href = normalizedHyperlinkTarget(run.href);
|
const internalAnchor = normalizedInternalHyperlinkAnchor(run.href);
|
||||||
|
if (internalAnchor && docx.InternalHyperlink) {
|
||||||
|
return [
|
||||||
|
new docx.InternalHyperlink({
|
||||||
|
anchor: internalAnchor,
|
||||||
|
children: wordInlineRunToTextRunsForRun(run, docx, { style: "Hyperlink" })
|
||||||
|
})
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
const href = normalizedExternalHyperlinkTarget(run.href);
|
||||||
if (href && docx.ExternalHyperlink) {
|
if (href && docx.ExternalHyperlink) {
|
||||||
return [
|
return [
|
||||||
new docx.ExternalHyperlink({
|
new docx.ExternalHyperlink({
|
||||||
@@ -842,8 +853,10 @@ function orderedDocxParagraphInlineRecords(paragraph: unknown, hyperlinkTargets:
|
|||||||
return [];
|
return [];
|
||||||
}
|
}
|
||||||
|
|
||||||
const relationshipId = docxAttribute(orderedElementAttributes(child), "r:id") || docxAttribute(orderedElementAttributes(child), "id");
|
const attributes = orderedElementAttributes(child);
|
||||||
const href = normalizedHyperlinkTarget(hyperlinkTargets[relationshipId]);
|
const relationshipId = docxAttribute(attributes, "r:id") || docxAttribute(attributes, "id");
|
||||||
|
const anchor = normalizedDocxAnchor(docxAttribute(attributes, "w:anchor") || docxAttribute(attributes, "anchor"));
|
||||||
|
const href = normalizedExternalHyperlinkTarget(hyperlinkTargets[relationshipId]) || (anchor ? `#${anchor}` : "");
|
||||||
return orderedDirectElements(child, "w:r").map((run) => ({
|
return orderedDirectElements(child, "w:r").map((run) => ({
|
||||||
run: orderedElementToRecord(run),
|
run: orderedElementToRecord(run),
|
||||||
text: orderedDocxRunText(run),
|
text: orderedDocxRunText(run),
|
||||||
@@ -884,7 +897,7 @@ function docxRelationshipTargetsById(relationshipsXml: unknown) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (type === wordHyperlinkRelationshipType) {
|
if (type === wordHyperlinkRelationshipType) {
|
||||||
const normalizedTarget = normalizedHyperlinkTarget(target);
|
const normalizedTarget = normalizedExternalHyperlinkTarget(target);
|
||||||
if (normalizedTarget) {
|
if (normalizedTarget) {
|
||||||
targets.hyperlinks[id] = normalizedTarget;
|
targets.hyperlinks[id] = normalizedTarget;
|
||||||
}
|
}
|
||||||
@@ -1430,6 +1443,15 @@ function cssFontFamilyValue(value: string) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function normalizedHyperlinkTarget(value?: string | null) {
|
function normalizedHyperlinkTarget(value?: string | null) {
|
||||||
|
const internalHref = normalizedInternalHyperlinkHref(value);
|
||||||
|
if (internalHref) {
|
||||||
|
return internalHref;
|
||||||
|
}
|
||||||
|
|
||||||
|
return normalizedExternalHyperlinkTarget(value);
|
||||||
|
}
|
||||||
|
|
||||||
|
function normalizedExternalHyperlinkTarget(value?: string | null) {
|
||||||
const raw = value?.trim();
|
const raw = value?.trim();
|
||||||
if (!raw) {
|
if (!raw) {
|
||||||
return "";
|
return "";
|
||||||
@@ -1444,6 +1466,21 @@ function normalizedHyperlinkTarget(value?: string | null) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function normalizedInternalHyperlinkHref(value?: string | null) {
|
||||||
|
const anchor = normalizedInternalHyperlinkAnchor(value);
|
||||||
|
return anchor ? `#${anchor}` : "";
|
||||||
|
}
|
||||||
|
|
||||||
|
function normalizedInternalHyperlinkAnchor(value?: string | null) {
|
||||||
|
const raw = value?.trim();
|
||||||
|
return raw?.startsWith("#") ? normalizedDocxAnchor(raw.slice(1)) : "";
|
||||||
|
}
|
||||||
|
|
||||||
|
function normalizedDocxAnchor(value?: string | null) {
|
||||||
|
const normalized = value?.trim() ?? "";
|
||||||
|
return /^[A-Za-z_][A-Za-z0-9_.:-]{0,79}$/.test(normalized) ? normalized : "";
|
||||||
|
}
|
||||||
|
|
||||||
function imageBlockFromElement(element: Element): WordImageBlock {
|
function imageBlockFromElement(element: Element): WordImageBlock {
|
||||||
return {
|
return {
|
||||||
type: "image",
|
type: "image",
|
||||||
|
|||||||
@@ -167,6 +167,23 @@ describe("wordOffice DOCX import", () => {
|
|||||||
]);
|
]);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
it("imports DOCX internal hyperlink anchors from OOXML", async () => {
|
||||||
|
const blob = await exportDocxBlob("InternalHyperlink.docx", '<p>Open <a href="#Section1"><strong>section</strong></a>.</p>');
|
||||||
|
const file = new File([blob], "InternalHyperlink.docx", {
|
||||||
|
type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
|
||||||
|
});
|
||||||
|
const imported = await importDocxFile(file);
|
||||||
|
|
||||||
|
expect(imported.html).toContain('<a href="#Section1">');
|
||||||
|
expect(htmlToWordBlocks(imported.html)).toEqual([
|
||||||
|
{
|
||||||
|
type: "paragraph",
|
||||||
|
text: "Open section.",
|
||||||
|
runs: [{ text: "Open " }, { text: "section", bold: true, href: "#Section1" }, { text: "." }]
|
||||||
|
}
|
||||||
|
]);
|
||||||
|
});
|
||||||
|
|
||||||
it("imports simple DOCX tables from OOXML", async () => {
|
it("imports simple DOCX tables from OOXML", async () => {
|
||||||
const blob = await exportDocxBlob(
|
const blob = await exportDocxBlob(
|
||||||
"Table.docx",
|
"Table.docx",
|
||||||
|
|||||||
Reference in New Issue
Block a user