test/jcrm
1
0
Fork 0
forked from test/crm
Code Pull Requests Activity

fix: include index.css in iframe

Browse Source
This commit is contained in:
Shariq Ansari 2024-05-30 21:41:39 +05:30
parent bf5f102330
commit 4c301e0a65
1 changed files with 4 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/src/components/EmailContent.vue
View File

@ -23,6 +23,9 @@ const props = defineProps({
}, },
}) })
const files = import.meta.globEager('/src/index.css')
const css = files['/src/index.css'].default
const iframeRef = ref(null) const iframeRef = ref(null)
const htmlContent = ` const htmlContent = `
@ -30,16 +33,7 @@ const htmlContent = `
<html> <html>
<head> <head>
<style> <style>
${css}
.prose-f {
--tw-prose-body: #383838;
color: var(--tw-prose-body);
font-weight: 420;
letter-spacing: 0.02em;
max-width: none;
font-size: 14px;
line-height: 1.6;
}
.email-content { .email-content {
word-break: break-word; word-break: break-word;
@ -127,23 +121,6 @@ watch(iframeRef, (iframe) => {
const emailContent = const emailContent =
iframe.contentWindow.document.querySelector('.email-content') iframe.contentWindow.document.querySelector('.email-content')
iframe.style.height = emailContent.offsetHeight + 25 + 'px' iframe.style.height = emailContent.offsetHeight + 25 + 'px'
let fileName = ''
// read file name on path /src and get the file name of the css file to inject in the iframe
// /assets/crm/frontend/assets/*.css
const files = import.meta.globEager('/*/*')
for (const file in files) {
debugger
fileName = file
}
// inject link in head of iframe
const head = iframe.contentWindow.document.head
const link = document.createElement('link')
link.rel = 'stylesheet'
link.href = '/src/index.css'
head.appendChild(link)
} }
} }
}) })