marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-15 13:29:40 +02:00
Code Issues Packages Projects Releases Wiki Activity

Support Firefox

Browse Source
This commit is contained in:
Sidharth Vinod
2024-03-11 19:11:15 +05:30
parent 3134a87e72
commit 33287a63ad
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/mermaid/src/docs/.vitepress/theme/Mermaid.vue
View File

@@ -4,7 +4,7 @@
<div class="language-mermaid"> <div class="language-mermaid">
<button class="copy"></button> <button class="copy"></button>
<span class="lang">mermaid</span> <span class="lang">mermaid</span>
<pre><code contenteditable="plaintext-only" @input="updateCode" @keydown.meta.enter="renderChart" @keydown.ctrl.enter="renderChart" ref="editableContent" class="editable-code"></code></pre> <pre><code :contenteditable="contentEditable" @input="updateCode" @keydown.meta.enter="renderChart" @keydown.ctrl.enter="renderChart" ref="editableContent" class="editable-code"></code></pre>
<div class="buttons-container"> <div class="buttons-container">
<span>{{ ctrlSymbol }} + Enter</span><span>|</span> <span>{{ ctrlSymbol }} + Enter</span><span>|</span>
<button @click="renderChart">Run ▶</button> <button @click="renderChart">Run ▶</button>
@@ -37,6 +37,8 @@ const svg = ref('');
const code = ref(decodeURIComponent(props.graph)); const code = ref(decodeURIComponent(props.graph));
const ctrlSymbol = ref(navigator.platform.includes('Mac') ? '⌘' : 'Ctrl'); const ctrlSymbol = ref(navigator.platform.includes('Mac') ? '⌘' : 'Ctrl');
const editableContent = ref(null); const editableContent = ref(null);
const isFirefox = navigator.userAgent.toLowerCase().includes('firefox');
const contentEditable = ref(isFirefox ? 'true' : 'plaintext-only');
let mut = null; let mut = null;