diff options
| -rw-r--r-- | wasm/index.html | 96 |
1 files changed, 49 insertions, 47 deletions
diff --git a/wasm/index.html b/wasm/index.html index 4e4244eff..5e4ddf5a0 100644 --- a/wasm/index.html +++ b/wasm/index.html @@ -755,7 +755,6 @@ <button class="options-tab" :class="{ active: activeTab === 'math' }" @click="activeTab = 'math'">Math</button> <button class="options-tab" :class="{ active: activeTab === 'code' }" @click="activeTab = 'code'">Code</button> <button class="options-tab" v-show="showFormatTab" :class="{ active: activeTab === 'format' }" @click="activeTab = 'format'">{{ formatTabName }}</button> - <button class="options-tab" v-show="showEpubTab" :class="{ active: activeTab === 'epub' }" @click="activeTab = 'epub'">EPUB</button> <button class="options-tab" v-show="showChunkedTab" :class="{ active: activeTab === 'chunked' }" @click="activeTab = 'chunked'">Chunked</button> <button class="options-tab" v-show="showIpynbTab" :class="{ active: activeTab === 'ipynb' }" @click="activeTab = 'ipynb'">Notebook</button> <button class="options-tab" :class="{ active: activeTab === 'template' }" @click="activeTab = 'template'">Template</button> @@ -823,16 +822,20 @@ <option value="8">8</option> </select> </div> + <div class="form-group"> + <label for="opt-eol">Line endings</label> + <select id="opt-eol" v-model="opts.eol"> + <option value="">Native</option> + <option value="lf">LF (Unix)</option> + <option value="crlf">CRLF (Windows)</option> + </select> + </div> </div> <div class="options-grid" style="margin-top: 0.75rem;"> <div class="checkbox-group"> <input type="checkbox" id="opt-preserve-tabs" v-model="opts.preserveTabs" /> <label for="opt-preserve-tabs">Preserve tabs</label> </div> - <div class="checkbox-group" v-show="showStripComments"> - <input type="checkbox" id="opt-strip-comments" v-model="opts.stripComments" /> - <label for="opt-strip-comments">Strip HTML comments</label> - </div> </div> </div> @@ -982,6 +985,15 @@ <!-- Format-specific Options --> <div class="tab-panel" v-show="activeTab === 'format'"> + <!-- Strip comments (reader option for markdown/textile) --> + <div v-show="showStripComments"> + <div class="options-grid"> + <div class="checkbox-group"> + <input type="checkbox" id="opt-strip-comments" v-model="opts.stripComments" /> + <label for="opt-strip-comments">Strip HTML comments</label> + </div> + </div> + </div> <!-- HTML options --> <div v-show="isHtmlFormat"> <div class="options-grid"> @@ -1140,36 +1152,35 @@ <label for="opt-link-images">Link images (reference instead of embed)</label> </div> </div> - </div> - - <!-- EPUB --> - <div class="tab-panel" v-show="activeTab === 'epub'"> - <div class="options-grid"> - <div class="resource-upload"> - <label>Cover image</label> - <input type="file" ref="epubCoverInput" class="hidden" accept="image/*" @change="handleEpubCover($event)" /> - <button class="upload-btn" @click="$refs.epubCoverInput.click()">Upload Cover Image</button> - <div v-if="epubCoverImage" class="resource-item">🖼 <a href="#" @click.prevent="downloadFile(epubCoverImage, epubCoverImage.name)">{{ epubCoverImage.name }}</a> <span class="file-remove" @click="epubCoverImage = null; hasChanges = true">✕</span></div> - </div> - <div class="resource-upload"> - <label>Embed fonts</label> - <input type="file" ref="epubFontInput" class="hidden" accept=".ttf,.otf,.woff,.woff2" multiple @change="handleEpubFonts($event)" /> - <button class="upload-btn" @click="$refs.epubFontInput.click()">Upload Fonts</button> - <div class="file-list file-list-small" v-if="epubFonts.length > 0"> - <div class="file-item" v-for="file in epubFonts" :key="file.name"> - <span class="file-icon">🔠</span> - <a class="file-name" href="#" @click.prevent="downloadFile(file, file.name)">{{ file.name }}</a> - <span class="file-remove" @click="removeEpubFont(file.name)">✕</span> + <!-- EPUB options --> + <div v-show="isEpubFormat" style="margin-top: 0.75rem;"> + <div class="options-grid"> + <div class="resource-upload"> + <label>Cover image</label> + <input type="file" ref="epubCoverInput" class="hidden" accept="image/*" @change="handleEpubCover($event)" /> + <button class="upload-btn" @click="$refs.epubCoverInput.click()">Upload Cover Image</button> + <div v-if="epubCoverImage" class="resource-item">🖼 <a href="#" @click.prevent="downloadFile(epubCoverImage, epubCoverImage.name)">{{ epubCoverImage.name }}</a> <span class="file-remove" @click="epubCoverImage = null; hasChanges = true">✕</span></div> + </div> + <div class="resource-upload"> + <label>Embed fonts</label> + <input type="file" ref="epubFontInput" class="hidden" accept=".ttf,.otf,.woff,.woff2" multiple @change="handleEpubFonts($event)" /> + <button class="upload-btn" @click="$refs.epubFontInput.click()">Upload Fonts</button> + <div class="file-list file-list-small" v-if="epubFonts.length > 0"> + <div class="file-item" v-for="file in epubFonts" :key="file.name"> + <span class="file-icon">🔠</span> + <a class="file-name" href="#" @click.prevent="downloadFile(file, file.name)">{{ file.name }}</a> + <span class="file-remove" @click="removeEpubFont(file.name)">✕</span> + </div> </div> </div> - </div> - <div class="checkbox-group"> - <input type="checkbox" id="opt-epub-title-page" v-model="opts.epubTitlePage" /> - <label for="opt-epub-title-page">Include title page</label> - </div> - <div class="form-group"> - <label for="opt-epub-subdirectory">EPUB subdirectory</label> - <input type="text" id="opt-epub-subdirectory" v-model="opts.epubSubdirectory" placeholder="EPUB (default)" /> + <div class="checkbox-group"> + <input type="checkbox" id="opt-epub-title-page" v-model="opts.epubTitlePage" /> + <label for="opt-epub-title-page">Include title page</label> + </div> + <div class="form-group"> + <label for="opt-epub-subdirectory">EPUB subdirectory</label> + <input type="text" id="opt-epub-subdirectory" v-model="opts.epubSubdirectory" placeholder="EPUB (default)" /> + </div> </div> </div> </div> @@ -1444,6 +1455,7 @@ shiftHeading: '0', preserveTabs: false, tabStop: '4', + eol: '', stripComments: false, trackChanges: '', citationMethod: '', @@ -1636,28 +1648,17 @@ get showFormatTab() { const fmt = this.effectiveOutputFormat; - return this.isHtmlFormat || this.isMarkdownFormat || fmt === 'rst' || + return this.showStripComments || this.isHtmlFormat || this.isMarkdownFormat || fmt === 'rst' || ['latex', 'beamer'].includes(fmt) || ['typst', 'pdf-typst'].includes(fmt) || this.supportsCaptionPosition || this.supportsAscii || this.supportsTopLevelDivision || this.supportsListOf || this.docFormats.includes(fmt); }, get formatTabName() { - const fmt = this.effectiveOutputFormat; - if (this.isHtmlFormat) return 'HTML'; - if (this.isMarkdownFormat) return 'Markdown'; - if (fmt === 'rst') return 'RST'; - if (fmt === 'latex') return 'LaTeX'; - if (fmt === 'beamer') return 'Beamer'; - if (['typst', 'pdf-typst'].includes(fmt)) return 'Typst'; - if (fmt === 'context') return 'ConTeXt'; - if (fmt === 'tei') return 'TEI'; - if (fmt.startsWith('docbook')) return 'DocBook'; - if (this.docFormats.includes(fmt)) return fmt.toUpperCase(); - return fmt; + return 'Format-Specific'; }, - get showEpubTab() { return ['epub', 'epub2', 'epub3'].includes(this.effectiveOutputFormat); }, + get isEpubFormat() { return ['epub', 'epub2', 'epub3'].includes(this.effectiveOutputFormat); }, get showChunkedTab() { return this.effectiveOutputFormat === 'chunkedhtml'; }, get showIpynbTab() { return this.effectiveOutputFormat === 'ipynb'; }, get showSlidesTab() { return this.slideFormats.includes(this.effectiveOutputFormat); }, @@ -2255,6 +2256,7 @@ if (this.opts.preserveTabs) opts['preserve-tabs'] = true; const tabStop = parseInt(this.opts.tabStop); if (tabStop !== 4) opts['tab-stop'] = tabStop; + if (this.opts.eol) opts.eol = this.opts.eol; if (this.opts.stripComments) opts['strip-comments'] = true; // Track changes |