diff --git a/apps/sensenet/src/components/field-controls/index.ts b/apps/sensenet/src/components/field-controls/index.ts index b2fd7daf8..c7d29394f 100644 --- a/apps/sensenet/src/components/field-controls/index.ts +++ b/apps/sensenet/src/components/field-controls/index.ts @@ -6,4 +6,3 @@ export * from './rich-text-editor' export * from './webhook-trigger' export * from './webhook-headers' export * from './webhook-payload' -export * from './html-editor' diff --git a/packages/sn-controls-react/src/fieldcontrols/htmleditor.tsx b/packages/sn-controls-react/src/fieldcontrols/htmleditor.tsx deleted file mode 100644 index 1e526e1b6..000000000 --- a/packages/sn-controls-react/src/fieldcontrols/htmleditor.tsx +++ /dev/null @@ -1,89 +0,0 @@ -/** - * @module FieldControls - */ -import { Typography } from '@material-ui/core' -import { deepMerge } from '@sensenet/client-utils' -import { LongTextFieldSetting } from '@sensenet/default-content-types' -import React, { useState } from 'react' -import MonacoEditor from 'react-monaco-editor' -import { changeTemplatedValue } from '../helpers' -import { ReactClientFieldSetting } from './client-field-setting' -import { defaultLocalization } from './localization' - -/** - * Field control that represents a LongText field. Available values will be populated from the FieldSettings. - */ -export const HtmlEditor: React.FC> = (props) => { - const localization = deepMerge(defaultLocalization.htmleditor, props.localization?.htmleditor) - - /*?.replace(/<[^>]*>/g, '') for taking tags from value*/ - const initialState = - props.fieldValue || (props.actionName === 'new' && changeTemplatedValue(props.settings.DefaultValue)) || '' - const [value, setValue] = useState(initialState) - - // const handleChange = (event: React.ChangeEvent) => { - // setValue(event.target.value) - // props.fieldOnChange?.(props.settings.Name, event.target.value) - // } - - switch (props.actionName) { - case 'edit': - case 'new': - return ( - <> -
Monaco Editor
- setValue(v)} - options={{ - contextmenu: true, - hideCursorInOverviewRuler: true, - matchBrackets: 'always', - minimap: { - enabled: true, - }, - scrollbar: { - horizontalSliderSize: 4, - verticalSliderSize: 18, - }, - selectOnLineNumbers: true, - roundedSelection: false, - readOnly: false, - cursorStyle: 'line', - automaticLayout: true, - // automaticLayout: true, - // readOnly: props.settings.ReadOnly, - // lineNumbers: 'on', - // glyphMargin: false, - // folding: false, - language: 'html', - }} - editorWillMount={(monaco) => { - monaco.editor.defineTheme('admin-ui-dark', { - base: 'vs-dark', - inherit: true, - rules: [], - colors: { - 'editor.background': '#121212', - }, - }) - }} - /> - - ) - case 'browse': - default: - return ( -
- - {props.settings.DisplayName} - - - {props.fieldValue || localization.noValue} - -
- ) - } -} diff --git a/packages/sn-controls-react/src/fieldcontrols/localization.ts b/packages/sn-controls-react/src/fieldcontrols/localization.ts index 63d6a78c7..18832461e 100644 --- a/packages/sn-controls-react/src/fieldcontrols/localization.ts +++ b/packages/sn-controls-react/src/fieldcontrols/localization.ts @@ -78,9 +78,6 @@ export const defaultLocalization = { textarea: { noValue: 'No value set', }, - htmleditor: { - noValue: 'No value set', - }, timePicker: { noValue: 'No time selected', }, diff --git a/packages/sn-controls-react/src/react-control-mapper.ts b/packages/sn-controls-react/src/react-control-mapper.ts index 88541e947..42f688207 100644 --- a/packages/sn-controls-react/src/react-control-mapper.ts +++ b/packages/sn-controls-react/src/react-control-mapper.ts @@ -93,14 +93,8 @@ export const reactControlMapper = (repository: Repository) => { return FieldControls.ReferenceGrid } }) - .setupFieldSettingDefault('LongTextFieldSetting', (setting) => { - switch (setting.ControlHint) { - case 'sn:HtmlEditor': - return FieldControls.HtmlEditor - default: - // return FieldControls.Textarea - return FieldControls.HtmlEditor - } + .setupFieldSettingDefault('LongTextFieldSetting', () => { + return FieldControls.Textarea }) .setupFieldSettingDefault('RichTextFieldSetting', () => { return FieldControls.RichTextEditor