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

fix: setting width of iframe to size of the diagram

Browse Source
This commit is contained in:
Knut Sveidqvist
2022-01-22 11:47:03 +01:00
parent 1b5056ca38
commit a73b291c4f
3 changed files with 186 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/mermaidAPI.js
View File

@@ -244,6 +244,7 @@ const render = function (id, _txt, cb, container) {
.attr('sandbox', '');
// const iframeBody = ;
root = select(iframe.nodes()[0].contentDocument.body);
root.node().style.margin = 0;
} else {
root = select('body');
}
@@ -263,6 +264,7 @@ const render = function (id, _txt, cb, container) {
.attr('sandbox', '');
// const iframeBody = ;
root = select(iframe.nodes()[0].contentDocument.body);
root.node().style.margin = 0;
} else {
root = select(container);
}
@@ -493,6 +495,7 @@ const render = function (id, _txt, cb, container) {
// Fix for when the base tag is used
let svgCode = root.select('#d' + id).node().innerHTML;
log.debug('cnf.arrowMarkerAbsolute', cnf.arrowMarkerAbsolute);
if (
(!cnf.arrowMarkerAbsolute || cnf.arrowMarkerAbsolute === 'false') &&
@@ -527,8 +530,15 @@ const render = function (id, _txt, cb, container) {
// svgCode = `<iframe src="data:text/html;base64,V2VsY29tZSB0byA8Yj5iYXNlNjQuZ3VydTwvYj4h">
// The “iframe” tag is not supported by your browser.
// </iframe>`;
svgCode = `<iframe style="width:100%;height:100%;" src="data:text/html;base64,${btoa(
svgCode
let svgEl = root.select('#d' + id + ' svg').node();
let width = '100%';
let height = '100%';
if (svgEl) {
width = svgEl.viewBox.baseVal.width + 'px';
height = svgEl.viewBox.baseVal.height + 'px';
}
svgCode = `<iframe style="width:${width};height:${height};border:0;margin:0;" src="data:text/html;base64,${btoa(
'<body style="margin:0">' + svgCode + '</body>'
)}" sandbox>
The “iframe” tag is not supported by your browser.
</iframe>`;