diff --git a/web/components/admin/EditCustomJavascript.tsx b/web/components/admin/EditCustomJavascript.tsx index 1e85233e3..7b54f8e9e 100644 --- a/web/components/admin/EditCustomJavascript.tsx +++ b/web/components/admin/EditCustomJavascript.tsx @@ -68,7 +68,7 @@ export const EditCustomJavascript: FC = () => { setContent(initialContent); }, [instanceDetails]); - const onCSSValueChange = React.useCallback(value => { + const onValueChange = React.useCallback(value => { setContent(value); if (value !== initialContent && !hasChanged) { setHasChanged(true); @@ -80,20 +80,18 @@ export const EditCustomJavascript: FC = () => { return (
- Customize your page styling with CSS + Customize your page with Javascript

- Customize the look and feel of your Owncast instance by overriding the CSS styles of various - components on the page. Refer to the{' '} + Insert custom Javascript into your Owncast page to add your own functionality or to add 3rd + party scripts. Read more about how to use this feature in the{' '} - CSS & Components guide + Web page documentation. .

-

- Please input plain CSS text, as this will be directly injected onto your page during load. -

+

Please use raw Javascript, no HTML or any script tags.

{ theme={bbedit} height="200px" extensions={[javascript()]} - onChange={onCSSValueChange} + onChange={onValueChange} />