反应本机zss富文本编辑器工具栏操作不起作用

我已经使用react-native-zss-rich-text-editor开发了富文本编辑器，但工具栏操作不起作用，谁知道如何解决它？谢谢。下面是代码：反应本机zss富文本编辑器工具栏操作不起作用

<RichTextToolbar 
getEditor={() => this.richtext} 
actions={defaultActions} // <= this actions does not work 
iconTint='black' 
selectedButtonStyle={{backgroundColor:'yellow'}} 
/>

的defaultActions得到了在RichTextToolbar.js定义：

const defaultActions = [ 
    actions.insertImage, 
    actions.setBold, 
    actions.setItalic, 
    actions.insertBulletsList, 
    actions.insertOrderedList, 
    actions.insertLink 
];

在这儿，这也得到了定义为常量：

export const actions = { 
... 
setBold: 'bold', 
setItalic: 'italic', 
... 
insertImage: 'INST_IMAGE', 
... 
insertBulletsList: 'unorderedList', 
insertOrderedList: 'orderedList', 
insertLink: 'INST_LINK', 
... 
}

...开关罩在这里：

switch(action) { 
case actions.setBold: 
case actions.setItalic: 
case actions.insertBulletsList: 
case actions.insertOrderedList: 
case actions.insertImage: 
    this.state.editor.prepareInsert(); 
    if(this.props.onPressAddImage) { 
    this.props.onPressAddImage(); 
    } 
break;

但行动不起作用，请帮助，我会很感激。谢谢。我米使用这个库从Github上：

https://github.com/wix/react-native-zss-rich-text-editor

来源

2017-08-04 johnhour

你弄明白了吗？分享你的答案吗？ – chapeljuice

你并不需要设置默认动作RichTextToolbar。我使用这个而不使用任何默认操作。希望这有助于你

<RichTextEditor 
    ref={(r)=>this.richtext = r} 
    style={{ 
     alignItems:'center', 
     justifyContent: 'center', 
     backgroundColor: 'transparent', 
     width:screen.width/100*80, 
     height:screen.height/100*24, 
    }} 
    contentPlaceholder={'Type your post here...'} 
    hiddenTitle={true} 
    initialContentHTML={''} 
    editorInitializedCallback={() => this.onEditorInitialized()} 
/> 
<RichTextToolbar 
    getEditor={() => this.richtext} 
    onPressAddImage={()=>{ 
     this.uploadImage(); 
    }} 
    iconTint='black' 
    selectedButtonStyle={{backgroundColor:'#51671d'}} 
/>

来源

2018-01-15 12:12:49

你需要导入从反应母语ZSS-富文本编辑器 '动作'

像这样：

import {RichTextEditor, RichTextToolbar, actions} from 'react-native-zss-rich-text-editor';

然后，在你RichTextToolBar，你只是一套动作是这样的：

actions={ 
       [ 
       actions.insertImage, 
       actions.setBold, 
       actions.setItalic, 
       actions.insertBulletsList, 
       ] 
      }

行动的完整列表在这里：https://github.com/wix/react-native-zss-rich-text-editor/blob/master/src/const.js

来源

2018-03-02 04:42:55

反应本机zss富文本编辑器工具栏操作不起作用

回答

相关问题