wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-07-06 05:17:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add classNames for styling

Browse Source
This commit is contained in:
Chi Vinh Le
2018-03-25 22:48:51 +02:00
parent 11051fbdb9
commit 17d50c6ebb
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/talk-plugin-rich-text/client/components/Editor.js
+13 -2
View File
@@ -64,25 +64,36 @@ class Editor extends React.Component {
</label>
<RTE
inputId={inputId}
contentClassName={styles.commentContent}
className={`${PLUGIN_NAME}-editor`}
classNameDisabled={`${PLUGIN_NAME}-editor-disabled`}
contentClassName={cn(`${PLUGIN_NAME}-content`, styles.commentContent)}
contentClassNameDisabled={`${PLUGIN_NAME}-content-disabled`}
toolbarClassName={`${PLUGIN_NAME}-toolbar`}
toolbarClassNameDisabled={`${PLUGIN_NAME}-toolbar-disabled`}
onChange={this.handleChange}
value={this.getHTML()}
disabled={disabled}
placeholder={placeholder}
ref={this.handleRef}
buttons={[
<Bold key="bold" title={t('talk-plugin-rich-text.format_bold')}>
<Bold
key="bold"
title={t('talk-plugin-rich-text.format_bold')}
className={`${PLUGIN_NAME}-button-bold`}
>
<Icon className={styles.icon} name="format_bold" />
</Bold>,
<Italic
key="italic"
title={t('talk-plugin-rich-text.format_italic')}
className={`${PLUGIN_NAME}-button-italic`}
>
<Icon className={styles.icon} name="format_italic" />
</Italic>,
<Blockquote
key="blockquote"
title={t('talk-plugin-rich-text.format_blockquote')}
className={`${PLUGIN_NAME}-button-blockquote`}
>
<Icon className={styles.icon} name="format_quote" />
</Blockquote>,