mirror of
https://github.com/nocobase/nocobase
synced 2024-11-15 07:38:13 +00:00
fix(RichText): unify style (#3946)
This commit is contained in:
Zeke Zhang
GitHub
parent
10ad3f16fd
commit
f1f9f3ec28
@ -21,7 +21,9 @@ type Composed = {
|
||||
export const ReadPretty: Composed = () => null;
|
||||
|
||||
ReadPretty.Input = (props) => {
|
||||
// eslint-disable-next-line react-hooks/rules-of-hooks
|
||||
const prefixCls = usePrefixCls('description-input', props);
|
||||
// eslint-disable-next-line react-hooks/rules-of-hooks
|
||||
const compile = useCompile();
|
||||
return (
|
||||
<div className={cls(prefixCls, props.className)} style={props.style}>
|
||||
@ -35,7 +37,9 @@ ReadPretty.Input = (props) => {
|
||||
};
|
||||
|
||||
ReadPretty.TextArea = (props) => {
|
||||
// eslint-disable-next-line react-hooks/rules-of-hooks
|
||||
const prefixCls = usePrefixCls('description-textarea', props);
|
||||
// eslint-disable-next-line react-hooks/rules-of-hooks
|
||||
const compile = useCompile();
|
||||
const value = compile(props.value ?? '');
|
||||
const { autop = true, ellipsis, text } = props;
|
||||
@ -76,12 +80,15 @@ function convertToText(html: string) {
|
||||
}
|
||||
|
||||
ReadPretty.Html = (props) => {
|
||||
// eslint-disable-next-line react-hooks/rules-of-hooks
|
||||
const prefixCls = usePrefixCls('description-textarea', props);
|
||||
// eslint-disable-next-line react-hooks/rules-of-hooks
|
||||
const compile = useCompile();
|
||||
const value = compile(props.value ?? '');
|
||||
const { autop = true, ellipsis } = props;
|
||||
const html = (
|
||||
<div
|
||||
style={{ lineHeight: '1.42' }}
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: value,
|
||||
}}
|
||||
@ -105,6 +112,7 @@ ReadPretty.Html = (props) => {
|
||||
};
|
||||
|
||||
ReadPretty.URL = (props) => {
|
||||
// eslint-disable-next-line react-hooks/rules-of-hooks
|
||||
const prefixCls = usePrefixCls('description-url', props);
|
||||
const content = props.value && (
|
||||
<Typography.Link ellipsis target={'_blank'} href={props.value as any}>
|
||||
@ -123,6 +131,7 @@ ReadPretty.URL = (props) => {
|
||||
};
|
||||
|
||||
ReadPretty.JSON = (props) => {
|
||||
// eslint-disable-next-line react-hooks/rules-of-hooks
|
||||
const prefixCls = usePrefixCls('json', props);
|
||||
return (
|
||||
<pre
|
||||
|
||||
@ -43,225 +43,225 @@ export const useStyles = genStyleHook('nb-rich-text', (token) => {
|
||||
whiteSpace: 'pre-wrap',
|
||||
wordWrap: 'break-word',
|
||||
},
|
||||
'.ql-editor > *': { cursor: 'text' },
|
||||
'.ql-editor p,\n.ql-editor ol,\n.ql-editor ul,\n.ql-editor pre,\n.ql-editor blockquote,\n.ql-editor h1,\n.ql-editor h2,\n.ql-editor h3,\n.ql-editor h4,\n.ql-editor h5,\n.ql-editor h6':
|
||||
{
|
||||
margin: '0',
|
||||
padding: '0',
|
||||
counterReset: 'list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9',
|
||||
},
|
||||
'.ql-editor ol,\n.ql-editor ul': { paddingLeft: '0' },
|
||||
'.ql-editor ol > li,\n.ql-editor ul > li': { listStyleType: 'none' },
|
||||
'.ql-editor ul > li::before': { content: "'\\2022'" },
|
||||
".ql-editor ul[data-checked='true'],\n.ql-editor ul[data-checked='false']": {
|
||||
pointerEvents: 'none',
|
||||
},
|
||||
".ql-editor ul[data-checked='true'] > li *,\n.ql-editor ul[data-checked='false'] > li *": {
|
||||
pointerEvents: 'all',
|
||||
},
|
||||
".ql-editor ul[data-checked='true'] > li::before,\n.ql-editor ul[data-checked='false'] > li::before": {
|
||||
color: '#777',
|
||||
cursor: 'pointer',
|
||||
pointerEvents: 'all',
|
||||
},
|
||||
".ql-editor ul[data-checked='true'] > li::before": { content: "'\\2611'" },
|
||||
".ql-editor ul[data-checked='false'] > li::before": { content: "'\\2610'" },
|
||||
'.ql-editor li::before': {
|
||||
display: 'inline-block',
|
||||
whiteSpace: 'nowrap',
|
||||
width: '1.2em',
|
||||
},
|
||||
'.ql-editor li:not(.ql-direction-rtl)::before': {
|
||||
marginLeft: '-1.5em',
|
||||
marginRight: '0.3em',
|
||||
textAlign: 'right',
|
||||
},
|
||||
'.ql-editor li.ql-direction-rtl::before': {
|
||||
marginLeft: '0.3em',
|
||||
marginRight: '-1.5em',
|
||||
},
|
||||
'.ql-editor ol li:not(.ql-direction-rtl),\n.ql-editor ul li:not(.ql-direction-rtl)': {
|
||||
paddingLeft: '1.5em',
|
||||
},
|
||||
'.ql-editor ol li.ql-direction-rtl,\n.ql-editor ul li.ql-direction-rtl': {
|
||||
paddingRight: '1.5em',
|
||||
},
|
||||
'.ql-editor ol li': {
|
||||
counterReset: 'list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9',
|
||||
counterIncrement: 'list-0',
|
||||
},
|
||||
'.ql-editor ol li:before': { content: "counter(list-0, decimal) '. '" },
|
||||
'.ql-editor ol li.ql-indent-1': {
|
||||
counterIncrement: 'list-1',
|
||||
counterReset: 'list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9',
|
||||
},
|
||||
'.ql-editor ol li.ql-indent-1:before': {
|
||||
content: "counter(list-1, lower-alpha) '. '",
|
||||
},
|
||||
'.ql-editor ol li.ql-indent-2': {
|
||||
counterIncrement: 'list-2',
|
||||
counterReset: 'list-3 list-4 list-5 list-6 list-7 list-8 list-9',
|
||||
},
|
||||
'.ql-editor ol li.ql-indent-2:before': {
|
||||
content: "counter(list-2, lower-roman) '. '",
|
||||
},
|
||||
'.ql-editor ol li.ql-indent-3': {
|
||||
counterIncrement: 'list-3',
|
||||
counterReset: 'list-4 list-5 list-6 list-7 list-8 list-9',
|
||||
},
|
||||
'.ql-editor ol li.ql-indent-3:before': {
|
||||
content: "counter(list-3, decimal) '. '",
|
||||
},
|
||||
'.ql-editor ol li.ql-indent-4': {
|
||||
counterIncrement: 'list-4',
|
||||
counterReset: 'list-5 list-6 list-7 list-8 list-9',
|
||||
},
|
||||
'.ql-editor ol li.ql-indent-4:before': {
|
||||
content: "counter(list-4, lower-alpha) '. '",
|
||||
},
|
||||
'.ql-editor ol li.ql-indent-5': {
|
||||
counterIncrement: 'list-5',
|
||||
counterReset: 'list-6 list-7 list-8 list-9',
|
||||
},
|
||||
'.ql-editor ol li.ql-indent-5:before': {
|
||||
content: "counter(list-5, lower-roman) '. '",
|
||||
},
|
||||
'.ql-editor ol li.ql-indent-6': {
|
||||
counterIncrement: 'list-6',
|
||||
counterReset: 'list-7 list-8 list-9',
|
||||
},
|
||||
'.ql-editor ol li.ql-indent-6:before': {
|
||||
content: "counter(list-6, decimal) '. '",
|
||||
},
|
||||
'.ql-editor ol li.ql-indent-7': {
|
||||
counterIncrement: 'list-7',
|
||||
counterReset: 'list-8 list-9',
|
||||
},
|
||||
'.ql-editor ol li.ql-indent-7:before': {
|
||||
content: "counter(list-7, lower-alpha) '. '",
|
||||
},
|
||||
'.ql-editor ol li.ql-indent-8': {
|
||||
counterIncrement: 'list-8',
|
||||
counterReset: 'list-9',
|
||||
},
|
||||
'.ql-editor ol li.ql-indent-8:before': {
|
||||
content: "counter(list-8, lower-roman) '. '",
|
||||
},
|
||||
'.ql-editor ol li.ql-indent-9': { counterIncrement: 'list-9' },
|
||||
'.ql-editor ol li.ql-indent-9:before': {
|
||||
content: "counter(list-9, decimal) '. '",
|
||||
},
|
||||
'.ql-editor .ql-indent-1:not(.ql-direction-rtl)': { paddingLeft: '3em' },
|
||||
'.ql-editor li.ql-indent-1:not(.ql-direction-rtl)': { paddingLeft: '4.5em' },
|
||||
'.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right': {
|
||||
paddingRight: '3em',
|
||||
},
|
||||
'.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right': {
|
||||
paddingRight: '4.5em',
|
||||
},
|
||||
'.ql-editor .ql-indent-2:not(.ql-direction-rtl)': { paddingLeft: '6em' },
|
||||
'.ql-editor li.ql-indent-2:not(.ql-direction-rtl)': { paddingLeft: '7.5em' },
|
||||
'.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right': {
|
||||
paddingRight: '6em',
|
||||
},
|
||||
'.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right': {
|
||||
paddingRight: '7.5em',
|
||||
},
|
||||
'.ql-editor .ql-indent-3:not(.ql-direction-rtl)': { paddingLeft: '9em' },
|
||||
'.ql-editor li.ql-indent-3:not(.ql-direction-rtl)': { paddingLeft: '10.5em' },
|
||||
'.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right': {
|
||||
paddingRight: '9em',
|
||||
},
|
||||
'.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right': {
|
||||
paddingRight: '10.5em',
|
||||
},
|
||||
'.ql-editor .ql-indent-4:not(.ql-direction-rtl)': { paddingLeft: '12em' },
|
||||
'.ql-editor li.ql-indent-4:not(.ql-direction-rtl)': { paddingLeft: '13.5em' },
|
||||
'.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right': {
|
||||
paddingRight: '12em',
|
||||
},
|
||||
'.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right': {
|
||||
paddingRight: '13.5em',
|
||||
},
|
||||
'.ql-editor .ql-indent-5:not(.ql-direction-rtl)': { paddingLeft: '15em' },
|
||||
'.ql-editor li.ql-indent-5:not(.ql-direction-rtl)': { paddingLeft: '16.5em' },
|
||||
'.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right': {
|
||||
paddingRight: '15em',
|
||||
},
|
||||
'.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right': {
|
||||
paddingRight: '16.5em',
|
||||
},
|
||||
'.ql-editor .ql-indent-6:not(.ql-direction-rtl)': { paddingLeft: '18em' },
|
||||
'.ql-editor li.ql-indent-6:not(.ql-direction-rtl)': { paddingLeft: '19.5em' },
|
||||
'.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right': {
|
||||
paddingRight: '18em',
|
||||
},
|
||||
'.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right': {
|
||||
paddingRight: '19.5em',
|
||||
},
|
||||
'.ql-editor .ql-indent-7:not(.ql-direction-rtl)': { paddingLeft: '21em' },
|
||||
'.ql-editor li.ql-indent-7:not(.ql-direction-rtl)': { paddingLeft: '22.5em' },
|
||||
'.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right': {
|
||||
paddingRight: '21em',
|
||||
},
|
||||
'.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right': {
|
||||
paddingRight: '22.5em',
|
||||
},
|
||||
'.ql-editor .ql-indent-8:not(.ql-direction-rtl)': { paddingLeft: '24em' },
|
||||
'.ql-editor li.ql-indent-8:not(.ql-direction-rtl)': { paddingLeft: '25.5em' },
|
||||
'.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right': {
|
||||
paddingRight: '24em',
|
||||
},
|
||||
'.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right': {
|
||||
paddingRight: '25.5em',
|
||||
},
|
||||
'.ql-editor .ql-indent-9:not(.ql-direction-rtl)': { paddingLeft: '27em' },
|
||||
'.ql-editor li.ql-indent-9:not(.ql-direction-rtl)': { paddingLeft: '28.5em' },
|
||||
'.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right': {
|
||||
paddingRight: '27em',
|
||||
},
|
||||
'.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right': {
|
||||
paddingRight: '28.5em',
|
||||
},
|
||||
'.ql-editor .ql-video': { display: 'block', maxWidth: '100%' },
|
||||
'.ql-editor .ql-video.ql-align-center': { margin: '0 auto' },
|
||||
'.ql-editor .ql-video.ql-align-right': { margin: '0 0 0 auto' },
|
||||
'.ql-editor .ql-bg-black': { backgroundColor: '#000' },
|
||||
'.ql-editor .ql-bg-red': { backgroundColor: '#e60000' },
|
||||
'.ql-editor .ql-bg-orange': { backgroundColor: '#f90' },
|
||||
'.ql-editor .ql-bg-yellow': { backgroundColor: '#ff0' },
|
||||
'.ql-editor .ql-bg-green': { backgroundColor: '#008a00' },
|
||||
'.ql-editor .ql-bg-blue': { backgroundColor: token.colorPrimaryTextHover },
|
||||
'.ql-editor .ql-bg-purple': { backgroundColor: '#93f' },
|
||||
'.ql-editor .ql-color-white': { color: '#fff' },
|
||||
'.ql-editor .ql-color-red': { color: '#e60000' },
|
||||
'.ql-editor .ql-color-orange': { color: '#f90' },
|
||||
'.ql-editor .ql-color-yellow': { color: '#ff0' },
|
||||
'.ql-editor .ql-color-green': { color: '#008a00' },
|
||||
'.ql-editor .ql-color-blue': { color: token.colorPrimaryTextHover },
|
||||
'.ql-editor .ql-color-purple': { color: '#93f' },
|
||||
'.ql-editor .ql-font-serif': {
|
||||
fontFamily: 'Georgia, Times New Roman, serif',
|
||||
},
|
||||
'.ql-editor .ql-font-monospace': {
|
||||
fontFamily: 'Monaco, Courier New, monospace',
|
||||
},
|
||||
'.ql-editor .ql-size-small': { fontSize: '0.75em' },
|
||||
'.ql-editor .ql-size-large': { fontSize: '1.5em' },
|
||||
'.ql-editor .ql-size-huge': { fontSize: '2.5em' },
|
||||
'.ql-editor .ql-direction-rtl': { direction: 'rtl', textAlign: 'inherit' },
|
||||
'.ql-editor .ql-align-center': { textAlign: 'center' },
|
||||
'.ql-editor .ql-align-justify': { textAlign: 'justify' },
|
||||
'.ql-editor .ql-align-right': { textAlign: 'right' },
|
||||
'.ql-editor.ql-blank::before': {
|
||||
color: 'rgba(0, 0, 0, 0.6)',
|
||||
content: 'attr(data-placeholder)',
|
||||
fontStyle: 'italic',
|
||||
left: '15px',
|
||||
pointerEvents: 'none',
|
||||
position: 'absolute',
|
||||
right: '15px',
|
||||
},
|
||||
// '.ql-editor > *': { cursor: 'text' },
|
||||
// '.ql-editor p,\n.ql-editor ol,\n.ql-editor ul,\n.ql-editor pre,\n.ql-editor blockquote,\n.ql-editor h1,\n.ql-editor h2,\n.ql-editor h3,\n.ql-editor h4,\n.ql-editor h5,\n.ql-editor h6':
|
||||
// {
|
||||
// margin: '0',
|
||||
// padding: '0',
|
||||
// counterReset: 'list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9',
|
||||
// },
|
||||
// '.ql-editor ol,\n.ql-editor ul': { paddingLeft: '0' },
|
||||
// '.ql-editor ol > li,\n.ql-editor ul > li': { listStyleType: 'none' },
|
||||
// '.ql-editor ul > li::before': { content: "'\\2022'" },
|
||||
// ".ql-editor ul[data-checked='true'],\n.ql-editor ul[data-checked='false']": {
|
||||
// pointerEvents: 'none',
|
||||
// },
|
||||
// ".ql-editor ul[data-checked='true'] > li *,\n.ql-editor ul[data-checked='false'] > li *": {
|
||||
// pointerEvents: 'all',
|
||||
// },
|
||||
// ".ql-editor ul[data-checked='true'] > li::before,\n.ql-editor ul[data-checked='false'] > li::before": {
|
||||
// color: '#777',
|
||||
// cursor: 'pointer',
|
||||
// pointerEvents: 'all',
|
||||
// },
|
||||
// ".ql-editor ul[data-checked='true'] > li::before": { content: "'\\2611'" },
|
||||
// ".ql-editor ul[data-checked='false'] > li::before": { content: "'\\2610'" },
|
||||
// '.ql-editor li::before': {
|
||||
// display: 'inline-block',
|
||||
// whiteSpace: 'nowrap',
|
||||
// width: '1.2em',
|
||||
// },
|
||||
// '.ql-editor li:not(.ql-direction-rtl)::before': {
|
||||
// marginLeft: '-1.5em',
|
||||
// marginRight: '0.3em',
|
||||
// textAlign: 'right',
|
||||
// },
|
||||
// '.ql-editor li.ql-direction-rtl::before': {
|
||||
// marginLeft: '0.3em',
|
||||
// marginRight: '-1.5em',
|
||||
// },
|
||||
// '.ql-editor ol li:not(.ql-direction-rtl),\n.ql-editor ul li:not(.ql-direction-rtl)': {
|
||||
// paddingLeft: '1.5em',
|
||||
// },
|
||||
// '.ql-editor ol li.ql-direction-rtl,\n.ql-editor ul li.ql-direction-rtl': {
|
||||
// paddingRight: '1.5em',
|
||||
// },
|
||||
// '.ql-editor ol li': {
|
||||
// counterReset: 'list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9',
|
||||
// counterIncrement: 'list-0',
|
||||
// },
|
||||
// '.ql-editor ol li:before': { content: "counter(list-0, decimal) '. '" },
|
||||
// '.ql-editor ol li.ql-indent-1': {
|
||||
// counterIncrement: 'list-1',
|
||||
// counterReset: 'list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9',
|
||||
// },
|
||||
// '.ql-editor ol li.ql-indent-1:before': {
|
||||
// content: "counter(list-1, lower-alpha) '. '",
|
||||
// },
|
||||
// '.ql-editor ol li.ql-indent-2': {
|
||||
// counterIncrement: 'list-2',
|
||||
// counterReset: 'list-3 list-4 list-5 list-6 list-7 list-8 list-9',
|
||||
// },
|
||||
// '.ql-editor ol li.ql-indent-2:before': {
|
||||
// content: "counter(list-2, lower-roman) '. '",
|
||||
// },
|
||||
// '.ql-editor ol li.ql-indent-3': {
|
||||
// counterIncrement: 'list-3',
|
||||
// counterReset: 'list-4 list-5 list-6 list-7 list-8 list-9',
|
||||
// },
|
||||
// '.ql-editor ol li.ql-indent-3:before': {
|
||||
// content: "counter(list-3, decimal) '. '",
|
||||
// },
|
||||
// '.ql-editor ol li.ql-indent-4': {
|
||||
// counterIncrement: 'list-4',
|
||||
// counterReset: 'list-5 list-6 list-7 list-8 list-9',
|
||||
// },
|
||||
// '.ql-editor ol li.ql-indent-4:before': {
|
||||
// content: "counter(list-4, lower-alpha) '. '",
|
||||
// },
|
||||
// '.ql-editor ol li.ql-indent-5': {
|
||||
// counterIncrement: 'list-5',
|
||||
// counterReset: 'list-6 list-7 list-8 list-9',
|
||||
// },
|
||||
// '.ql-editor ol li.ql-indent-5:before': {
|
||||
// content: "counter(list-5, lower-roman) '. '",
|
||||
// },
|
||||
// '.ql-editor ol li.ql-indent-6': {
|
||||
// counterIncrement: 'list-6',
|
||||
// counterReset: 'list-7 list-8 list-9',
|
||||
// },
|
||||
// '.ql-editor ol li.ql-indent-6:before': {
|
||||
// content: "counter(list-6, decimal) '. '",
|
||||
// },
|
||||
// '.ql-editor ol li.ql-indent-7': {
|
||||
// counterIncrement: 'list-7',
|
||||
// counterReset: 'list-8 list-9',
|
||||
// },
|
||||
// '.ql-editor ol li.ql-indent-7:before': {
|
||||
// content: "counter(list-7, lower-alpha) '. '",
|
||||
// },
|
||||
// '.ql-editor ol li.ql-indent-8': {
|
||||
// counterIncrement: 'list-8',
|
||||
// counterReset: 'list-9',
|
||||
// },
|
||||
// '.ql-editor ol li.ql-indent-8:before': {
|
||||
// content: "counter(list-8, lower-roman) '. '",
|
||||
// },
|
||||
// '.ql-editor ol li.ql-indent-9': { counterIncrement: 'list-9' },
|
||||
// '.ql-editor ol li.ql-indent-9:before': {
|
||||
// content: "counter(list-9, decimal) '. '",
|
||||
// },
|
||||
// '.ql-editor .ql-indent-1:not(.ql-direction-rtl)': { paddingLeft: '3em' },
|
||||
// '.ql-editor li.ql-indent-1:not(.ql-direction-rtl)': { paddingLeft: '4.5em' },
|
||||
// '.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right': {
|
||||
// paddingRight: '3em',
|
||||
// },
|
||||
// '.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right': {
|
||||
// paddingRight: '4.5em',
|
||||
// },
|
||||
// '.ql-editor .ql-indent-2:not(.ql-direction-rtl)': { paddingLeft: '6em' },
|
||||
// '.ql-editor li.ql-indent-2:not(.ql-direction-rtl)': { paddingLeft: '7.5em' },
|
||||
// '.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right': {
|
||||
// paddingRight: '6em',
|
||||
// },
|
||||
// '.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right': {
|
||||
// paddingRight: '7.5em',
|
||||
// },
|
||||
// '.ql-editor .ql-indent-3:not(.ql-direction-rtl)': { paddingLeft: '9em' },
|
||||
// '.ql-editor li.ql-indent-3:not(.ql-direction-rtl)': { paddingLeft: '10.5em' },
|
||||
// '.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right': {
|
||||
// paddingRight: '9em',
|
||||
// },
|
||||
// '.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right': {
|
||||
// paddingRight: '10.5em',
|
||||
// },
|
||||
// '.ql-editor .ql-indent-4:not(.ql-direction-rtl)': { paddingLeft: '12em' },
|
||||
// '.ql-editor li.ql-indent-4:not(.ql-direction-rtl)': { paddingLeft: '13.5em' },
|
||||
// '.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right': {
|
||||
// paddingRight: '12em',
|
||||
// },
|
||||
// '.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right': {
|
||||
// paddingRight: '13.5em',
|
||||
// },
|
||||
// '.ql-editor .ql-indent-5:not(.ql-direction-rtl)': { paddingLeft: '15em' },
|
||||
// '.ql-editor li.ql-indent-5:not(.ql-direction-rtl)': { paddingLeft: '16.5em' },
|
||||
// '.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right': {
|
||||
// paddingRight: '15em',
|
||||
// },
|
||||
// '.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right': {
|
||||
// paddingRight: '16.5em',
|
||||
// },
|
||||
// '.ql-editor .ql-indent-6:not(.ql-direction-rtl)': { paddingLeft: '18em' },
|
||||
// '.ql-editor li.ql-indent-6:not(.ql-direction-rtl)': { paddingLeft: '19.5em' },
|
||||
// '.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right': {
|
||||
// paddingRight: '18em',
|
||||
// },
|
||||
// '.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right': {
|
||||
// paddingRight: '19.5em',
|
||||
// },
|
||||
// '.ql-editor .ql-indent-7:not(.ql-direction-rtl)': { paddingLeft: '21em' },
|
||||
// '.ql-editor li.ql-indent-7:not(.ql-direction-rtl)': { paddingLeft: '22.5em' },
|
||||
// '.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right': {
|
||||
// paddingRight: '21em',
|
||||
// },
|
||||
// '.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right': {
|
||||
// paddingRight: '22.5em',
|
||||
// },
|
||||
// '.ql-editor .ql-indent-8:not(.ql-direction-rtl)': { paddingLeft: '24em' },
|
||||
// '.ql-editor li.ql-indent-8:not(.ql-direction-rtl)': { paddingLeft: '25.5em' },
|
||||
// '.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right': {
|
||||
// paddingRight: '24em',
|
||||
// },
|
||||
// '.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right': {
|
||||
// paddingRight: '25.5em',
|
||||
// },
|
||||
// '.ql-editor .ql-indent-9:not(.ql-direction-rtl)': { paddingLeft: '27em' },
|
||||
// '.ql-editor li.ql-indent-9:not(.ql-direction-rtl)': { paddingLeft: '28.5em' },
|
||||
// '.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right': {
|
||||
// paddingRight: '27em',
|
||||
// },
|
||||
// '.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right': {
|
||||
// paddingRight: '28.5em',
|
||||
// },
|
||||
// '.ql-editor .ql-video': { display: 'block', maxWidth: '100%' },
|
||||
// '.ql-editor .ql-video.ql-align-center': { margin: '0 auto' },
|
||||
// '.ql-editor .ql-video.ql-align-right': { margin: '0 0 0 auto' },
|
||||
// '.ql-editor .ql-bg-black': { backgroundColor: '#000' },
|
||||
// '.ql-editor .ql-bg-red': { backgroundColor: '#e60000' },
|
||||
// '.ql-editor .ql-bg-orange': { backgroundColor: '#f90' },
|
||||
// '.ql-editor .ql-bg-yellow': { backgroundColor: '#ff0' },
|
||||
// '.ql-editor .ql-bg-green': { backgroundColor: '#008a00' },
|
||||
// '.ql-editor .ql-bg-blue': { backgroundColor: token.colorPrimaryTextHover },
|
||||
// '.ql-editor .ql-bg-purple': { backgroundColor: '#93f' },
|
||||
// '.ql-editor .ql-color-white': { color: '#fff' },
|
||||
// '.ql-editor .ql-color-red': { color: '#e60000' },
|
||||
// '.ql-editor .ql-color-orange': { color: '#f90' },
|
||||
// '.ql-editor .ql-color-yellow': { color: '#ff0' },
|
||||
// '.ql-editor .ql-color-green': { color: '#008a00' },
|
||||
// '.ql-editor .ql-color-blue': { color: token.colorPrimaryTextHover },
|
||||
// '.ql-editor .ql-color-purple': { color: '#93f' },
|
||||
// '.ql-editor .ql-font-serif': {
|
||||
// fontFamily: 'Georgia, Times New Roman, serif',
|
||||
// },
|
||||
// '.ql-editor .ql-font-monospace': {
|
||||
// fontFamily: 'Monaco, Courier New, monospace',
|
||||
// },
|
||||
// '.ql-editor .ql-size-small': { fontSize: '0.75em' },
|
||||
// '.ql-editor .ql-size-large': { fontSize: '1.5em' },
|
||||
// '.ql-editor .ql-size-huge': { fontSize: '2.5em' },
|
||||
// '.ql-editor .ql-direction-rtl': { direction: 'rtl', textAlign: 'inherit' },
|
||||
// '.ql-editor .ql-align-center': { textAlign: 'center' },
|
||||
// '.ql-editor .ql-align-justify': { textAlign: 'justify' },
|
||||
// '.ql-editor .ql-align-right': { textAlign: 'right' },
|
||||
// '.ql-editor.ql-blank::before': {
|
||||
// color: 'rgba(0, 0, 0, 0.6)',
|
||||
// content: 'attr(data-placeholder)',
|
||||
// fontStyle: 'italic',
|
||||
// left: '15px',
|
||||
// pointerEvents: 'none',
|
||||
// position: 'absolute',
|
||||
// right: '15px',
|
||||
// },
|
||||
'.ql-snow.ql-toolbar:after,\n.ql-snow .ql-toolbar:after': {
|
||||
clear: 'both',
|
||||
content: "''",
|
||||
@ -365,7 +365,7 @@ export const useStyles = genStyleHook('nb-rich-text', (token) => {
|
||||
'.ql-snow .ql-editor h4': { fontSize: '1em' },
|
||||
'.ql-snow .ql-editor h5': { fontSize: '0.83em' },
|
||||
'.ql-snow .ql-editor h6': { fontSize: '0.67em' },
|
||||
'.ql-snow .ql-editor a': { textDecoration: 'underline' },
|
||||
// '.ql-snow .ql-editor a': { textDecoration: 'underline' },
|
||||
'.ql-snow .ql-editor blockquote': {
|
||||
borderLeft: '4px solid #ccc',
|
||||
marginBottom: '5px',
|
||||
|
||||
Loading…
Reference in New Issue
Block a user