Files
m5wp.momentry.ddns.net/plugins/code-snippets/js/components/EditorSidebar/controls/RTLControl.tsx
OpenCode 09ef1f000f Initial commit: WordPress wp-content (themes, plugins, languages)
- Theme: momentry (custom theme with REST API routes)
- Plugins: code-snippets (contains all API proxies)
- Languages: zh_TW translations
- Excludes: cache, backups, uploads, logs
2026-05-29 19:07:56 +08:00

25 lines
709 B
TypeScript

import React from 'react'
import { __ } from '@wordpress/i18n'
import { useSnippetForm } from '../../../hooks/useSnippetForm'
export const RTLControl: React.FC = () => {
const { codeEditorInstance } = useSnippetForm()
return (
<div className="inline-form-field">
<h4>
<label htmlFor="snippet-code-direction">
{__('Code Direction', 'code-snippets')}
</label>
</h4>
<select id="snippet-code-direction" onChange={event =>
codeEditorInstance?.codemirror.setOption('direction', 'rtl' === event.target.value ? 'rtl' : 'ltr')
}>
<option value="ltr">{__('LTR', 'code-snippets')}</option>
<option value="rtl">{__('RTL', 'code-snippets')}</option>
</select>
</div>
)
}