Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Can't add own custom HTML #374

Open
ynliu-egoist opened this issue Nov 24, 2024 · 0 comments
Open

Can't add own custom HTML #374

ynliu-egoist opened this issue Nov 24, 2024 · 0 comments

Comments

@ynliu-egoist
Copy link

ynliu-egoist commented Nov 24, 2024

      <RichEditor
        ref={richTextRef}
        editorStyle={styles.rich}
        useContainer={true}
        placeholder={"hello world"}
        html={`xxx`}
      />

  export interface RichEditorProps extends WebViewProps {
    /**
     * Used for placement of editor
     */
    contentInset?: {top: number; bottom: number};
  
    /**
     * Wrap the editor webview inside a container.
     * Default is true
     */
    useContainer?: boolean;
  
    /**
     * useContainer is false by inline view of initial height
     */
    initialHeight?: number | string;
    /**
     * Wrap the editor content placeholder
     * Default is empty string
     */
    placeholder?: string;
    /**
     * Styling for container or for Webview depending on useContainer prop
     */
    style?: StyleProp<ViewStyle>;
  
    /**
     * Initial content to be rendered inside WebView
     */
    initialContentHTML?: string;
  
    /**
     * Boolean value to Initial content request focus. The default value is false.
     */
    initialFocus?: boolean;
  
    /**
     * Boolean value to disable editor. The default value is false.
     */
    disabled?: boolean;
  
    /**
     * Boolean value to enable auto-correct. The default value is false.
     */
    autoCorrect?: boolean;
  
    /**
     * String value to set text auto capitalization.
     * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize
     */
    autoCapitalize?: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
  
    /**
     * String value to set return key type
     * See: https://reactnative.dev/docs/textinput#returnkeytype
     */
    enterKeyHint?: 'done' | 'go' | 'next' | 'search' | 'send';
  
    /**
     * Boolean value to enable paste as plain text. The default value is false.
     */
    pasteAsPlainText?: boolean;
  
    /**
     * HTML element used to insert when the user presses enter. The default value is div.
     */
    defaultParagraphSeparator?: string;
  
    /**
     * Callback called after the editor has been initialized
     */
    editorInitializedCallback?: () => void;
  
    /**
     * Callback after editor data modification
     */
    onChange?: (text: string) => void;
  
    /**
     * Callback when the user pastes some content
     * @param {string} data pastes values
     */
    onPaste?: (data: string) => void;
  
    /**
     * Callback when the user keyup some content
     */
    onKeyUp?: ({keyCode: number, key: string}) => void;
  
    /**
     * Callback when the user keydown some content
     */
    onKeyDown?: ({keyCode: number, key: string}) => void;
  
    /**
     * Callback input chat
     * Android and iOS inputType are not the same
     */
    onInput?: ({data: string, inputType: string}) => void;
  
    /**
     * Callback when the link clicked
     */
    onLink?: (url: string) => void;
  
    /**
     * Callback when the editor focus some content
     */
    onFocus?: () => void;
  
    /**
     * Callback when the editor blur some content
     */
    onBlur?: () => void;
  
    /**
     * Callback Enter the position of the cursor
     */
    onCursorPosition?: (offsetY: number) => void;
  
    /**
     * Callback after height change
     */
    onHeightChange?: (height: number) => void;
  
    onMessage?: (message: {type: string; id: string; data?: any}) => void;
  
    /**
     * When first gaining focus, the cursor moves to the end of the text
     * Default is true
     */
    firstFocusEnd?: boolean;
  
    /**
     * Styling for container or for Rich Editor more dark or light settings
     */
    editorStyle?: {
      backgroundColor?: string; // editor background color
      color?: string; // editor text color
      caretColor?: string; // cursor/selection color
      placeholderColor?: string; // editor placeholder text color
      contentCSSText?: string; // editor content css text
      initialCSSText?: string; // editor global css initial text
      cssText?: string; // editor global css text
    };
  
    /**
     * Use style instead of dedicated tags
     */
    styleWithCSS?: boolean;
  }

Can't add own html prop. Whether the code needs to add the definition of html to RichEditorProps in index.d.tx.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant