| Server IP : 72.60.233.178 / Your IP : 216.73.216.91 Web Server : Apache System : Linux srv1210665.hstgr.cloud 5.14.0-611.54.3.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Thu May 7 16:31:24 EDT 2026 x86_64 User : armaladmin ( 1001) PHP Version : 8.3.31 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/armaladmin/public_html/wp-content/themes/Divi/common/stories/controls/ |
Upload File : |
// External dependencies.
import React from 'react';
// Internal dependencies.
import ETBuilderControlCodeMirror from '../../controls/codemirror/codemirror.jsx';
import '../../node_modules/codemirror/lib/codemirror.css';
import '../../node_modules/codemirror/addon/hint/show-hint.css';
import '../../node_modules/codemirror/addon/search/matchesonscrollbar.css';
import '../../node_modules/codemirror/addon/dialog/dialog.css';
import '../../node_modules/codemirror/addon/display/fullscreen.css';
import '../../node_modules/codemirror-colorpicker/addon/colorpicker/colorpicker.css';
import '../../node_modules/codemirror-colorpicker/dist/codemirror-colorpicker.css';
import 'codemirror-colorpicker';
export default {
title: 'Controls/Codemirror',
component: ETBuilderControlCodeMirror,
render: (args) => {
return (
<div style={{ width:'80vw' }}>
<ETBuilderControlCodeMirror
{...args}
/>
</div>
);
},
argTypes: {
_onChange: { action: 'changed', table: { disable: true } },
search: { table: { disable: true } },
value: { table: { disable: true } },
mode: {
options: ['html', 'css'],
control: { type: 'select' },
},
},
};
export const Default = {
args: {
className: 'code-snippet',
inline: true,
lint: true,
search: '',
value: '',
name: 'defaultCodeMirror',
mode: 'css',
},
};
export const HTMLMode = {
args: {
className: 'code-snippet',
inline: true,
lint: true,
search: '',
value: '',
name: 'htmlCodeMirror',
mode: 'html',
},
};