Webhook destination controls for contact forms #27
@@ -35,4 +35,10 @@ describe('HtmlStylePanel', () => {
|
|||||||
expect(container.textContent).not.toContain('Padding');
|
expect(container.textContent).not.toContain('Padding');
|
||||||
expect(container.textContent).not.toContain('Border Radius');
|
expect(container.textContent).not.toContain('Border Radius');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
test('renders the security advisory', () => {
|
||||||
|
render(<HtmlStylePanel selectedId="n1" nodeProps={{ code: '<p>x</p>', style: {} }} />);
|
||||||
|
expect(container.textContent).toContain('Use this block with care.');
|
||||||
|
expect(container.textContent).toContain('Scripts and event handlers are stripped');
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -25,6 +25,13 @@ export const HtmlStylePanel: React.FC<{ selectedId: string; nodeProps: Record<st
|
|||||||
Style this block inside your own markup — a wrapper set here would show
|
Style this block inside your own markup — a wrapper set here would show
|
||||||
in the editor but not on the published page.
|
in the editor but not on the published page.
|
||||||
</p>
|
</p>
|
||||||
|
<p style={{ fontSize: 10, color: 'var(--color-text-dim)', lineHeight: 1.4, padding: '0 2px' }}>
|
||||||
|
<strong>Use this block with care.</strong> It renders your markup as-is
|
||||||
|
on the published site. Scripts and event handlers are stripped
|
||||||
|
automatically, but anything that survives — forms, iframes, images —
|
||||||
|
can still send data to wherever it points. Only paste code you
|
||||||
|
understand or trust.
|
||||||
|
</p>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user