| Server IP : 192.158.238.246 / Your IP : 3.135.194.164 Web Server : LiteSpeed System : Linux uniform.iwebfusion.net 4.18.0-553.27.1.lve.1.el8.x86_64 #1 SMP Wed Nov 20 15:58:00 UTC 2024 x86_64 User : jenniferflocom ( 1321) PHP Version : 8.1.32 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/jenniferflocom/www/wp-content/plugins/gutenkit-blocks-addon/src/blocks/drop-cap/ |
Upload File : |
import { __ } from '@wordpress/i18n';
import './editor.scss';
import Settings from './settings';
import { useBlockProps, RichText } from '@wordpress/block-editor';
export default function Edit({ attributes, setAttributes, clientId, advancedControl }) {
const { GkitStyle } = window.gutenkit.components;
const { useDeviceType } = window.gutenkit.helpers;
const { dropcapsText } = attributes;
const device = useDeviceType();
const blockProps = useBlockProps();
return (
<>
<GkitStyle
blocksCSS={attributes?.blocksCSS}
/>
<Settings
attributes={attributes}
setAttributes={setAttributes}
device={device}
advancedControl={advancedControl}
/>
<div {...blockProps}>
<RichText
identifier="content"
tagName='p'
value={dropcapsText}
onChange={(value) => { setAttributes({ dropcapsText: value }) }}
placeholder={__('Enter your title here...')}
className='gkit-dropcap-content'
/>
</div>
</>
);
}