GithubHelp home page GithubHelp logo

abanobmikaeel / react-native-ckeditor-custom Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 2.85 MB

A react native library to handle custom ckeditors

License: MIT License

JavaScript 0.09% TypeScript 0.37% HTML 99.54%

react-native-ckeditor-custom's Introduction

react-native-ckeditor-custom

A react native library to handle custom ckeditors

Installation

npm install react-native-ckeditor-custom

Usage

import * as React from 'react';

import { ActivityIndicator, StyleSheet, Text, View } from 'react-native';
import CKEditor5 from 'react-native-ckeditor-custom';

export default function App() {
  const initalData = `<p>Test</p>`;
  const height = 200; // Example height in pixels
  const maxHeight = 400; // Example max height in pixels, or set it to null if not needed
  // const colors = {};
  const fontFamily = 'Arial, sans-serif'; // Example font family
  const toolbarBorderSize = '1px solid #ccc'; // Example toolbar border size and color
  const editorFocusBorderSize = '2px solid #007bff'; // Example editor focus border size and color
  const disableTooltips = false; // Set to true to disable tooltips, false otherwise
  const placeHolderText = 'Enter your text here'; // Example placeholder text
  const editorConfig = {
    // Additional editor configuration options if needed (provide an empty object or set to null if not needed)
  };
  const style = {
    backgroundColor: 'black',
  };

  const onChange = (e: any) => {
    // console.log('onChange', e);
  };

  const onError = (e: any) => {
    // console.log('onError', e);
  };

  const onFocus = (e: any) => {
    console.log('onFocus', e);
  };

  const onBlur = (e: any) => {
    // console.log('onChange', e);
  };

  const onLoadEnd = (e: any) => {
    // console.log('onLoadEnd', e);
  };

  const renderError = () => {
    return <Text>An error ocurred while rendering CKEDITOR5 editor</Text>;
  };

  const renderLoading = () => {
    return <ActivityIndicator></ActivityIndicator>;
  };
  return (
    <View style={styles.container}>
      <CKEditor5
        onChange={onChange}
        onError={onError}
        onFocus={onFocus}
        onBlur={onBlur}
        onLoadEnd={onLoadEnd}
        renderError={renderError}
        renderLoading={renderLoading}
        initialData={initalData}
        maxHeight={maxHeight}
        editorConfig={editorConfig}
        style={style}
        disableTooltips={disableTooltips}
        height={height}
        androidHardwareAccelerationDisabled={false}
        fontFamily={fontFamily}
        colors={{}}
        toolbarBorderSize={toolbarBorderSize}
        editorFocusBorderSize={editorFocusBorderSize}
        placeHolderText={placeHolderText}
      />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: 'black',
  },
  box: {
    width: 60,
    height: 60,
    marginVertical: 20,
  },
});

// ...

const result = await multiply(3, 7);

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Made with create-react-native-library

react-native-ckeditor-custom's People

Contributors

abanobmikaeel avatar

Watchers

avatar

react-native-ckeditor-custom's Issues

TypeError: Cannot read property 'WebView' of undefined

Error

Invariant Violation: TurboModuleRegistry.getEnforcing(...): 'RNCWebView' could not be found. Verify that a module by this name is registered in the native binary.Bridgeless mode: false. TurboModule interop: false. Modules loaded: {"NativeModules":["PlatformConstants","LogBox","Timing","AppState","SourceCode","BlobModule","WebSocketModule","DevSettings","DevToolsSettingsManager","Networking","Appearance","DevLoadingView","HeadlessJsTaskSupport","UIManager","DeviceInfo","DeviceEventManager","RNCAsyncStorage","I18nManager","ImageLoader","SoundManager","IntentAndroid","AccessibilityInfo","StatusBarManager","StatusBarManager","RNVectorIcons","NativeAnimatedModule","RNCSafeAreaContext","FileReaderModule","ExceptionsManager"],"TurboModules":[],"NotFound":["NativePerformanceCxx","NativePerformanceObserverCxx","RedBox","BugReporting","PlatformLocalStorage","RNC_AsyncSQLiteDBStorage","LinkingManager","AccessibilityManager","KeyboardObserver","FrameRateLogger","ModalManager","RNCWebView"]}, js engine: hermes at CKEditor5 (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:335722:24) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at CustomEditor (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:335637:23) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at InquiryItem (http://localhost:8081/src/components/inquiry/inquiry-item.bundle//&platform=android&lazy=true&app=com.ubi&modulesOnly=true&dev=true&minify=false&runModule=true&shallow=true:44:20) at Connect(InquiryItem) (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:274014:43) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at VirtualizedListCellContextProvider (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:81340:24) at CellRenderer (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:81117:36) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at RCTScrollView at ScrollView (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:69526:36) at ScrollView at VirtualizedListContextProvider (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:81317:25) at VirtualizedList (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:78596:36) at FlatList (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:77898:36) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at InquiryScreen (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:333363:27) at Connect(InquiryScreen) (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:274014:43) at StaticContainer (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:205564:17) at EnsureSingleNavigator (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:201365:24) at SceneView (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:205469:22) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at Background (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:207751:21) at Screen (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:209171:108) at RNSScreen at anonymous (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:75434:62) at Suspender (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:210304:22) at Suspense at Freeze (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:210323:23) at DelayedFreeze (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:209347:22) at InnerScreen (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:209396:36) at Screen (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:209672:36) at MaybeScreen (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:335406:24) at RNSScreenContainer at ScreenContainer (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:209528:31) at MaybeScreenContainer (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:335395:23) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at SafeAreaProviderCompat (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:209125:25) at BottomTabView (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:334508:30) at PreventRemoveProvider (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:204428:25) at NavigationContent (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:205255:22) at anonymous (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:205271:27) at BottomTabNavigator (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:334423:18) at BottomTabNav (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:334311:86) at StaticContainer (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:205564:17) at EnsureSingleNavigator (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:201365:24) at SceneView (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:205469:22) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at DebugContainer (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:207370:36) at MaybeNestedStack (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:199926:23) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at RNSScreen at anonymous (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:75434:62) at Suspender (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:210304:22) at Suspense at Freeze (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:210323:23) at DelayedFreeze (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:209347:22) at InnerScreen (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:209396:36) at Screen (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:209672:36) at SceneView (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:199970:22) at Suspender (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:210304:22) at Suspense at Freeze (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:210323:23) at DelayedFreeze (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:209347:22) at RNSScreenStack at ScreenStack (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:209369:25) at NativeStackViewInner (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:200168:22) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at SafeAreaProviderCompat (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:209125:25) at NativeStackView at PreventRemoveProvider (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:204428:25) at NavigationContent (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:205255:22) at anonymous (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:205271:27) at NativeStackNavigator (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:199859:18) at anonymous (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:334256:27) at Connect(Component) (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:274014:43) at StaticContainer (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:205564:17) at EnsureSingleNavigator (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:201365:24) at SceneView (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:205469:22) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at Background (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:207751:21) at Screen (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:209171:108) at RNSScreen at anonymous (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:75434:62) at Suspender (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:210304:22) at Suspense at Freeze (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:210323:23) at DelayedFreeze (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:209347:22) at InnerScreen (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:209396:36) at Screen (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:209672:36) at MaybeScreen (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:310810:24) at RNSScreenContainer at ScreenContainer (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:209528:31) at MaybeScreenContainer (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:310799:23) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at AnimatedComponent(View) (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:277590:38) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at AnimatedComponent(View) (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:277590:38) at PanGestureHandler (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:304975:38) at Drawer (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:310233:26) at DrawerViewBase (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:277157:22) at RNGestureHandlerRootView at GestureHandlerRootView at RNCSafeAreaProvider at SafeAreaProvider (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:208269:24) at SafeAreaProviderCompat (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:209125:25) at DrawerView (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:277357:27) at PreventRemoveProvider (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:204428:25) at NavigationContent (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:205255:22) at anonymous (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:205271:27) at DrawerNavigator (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:277051:18) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at MainDrawerNav (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:334180:44) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at EnsureSingleNavigator (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:201365:24) at BaseNavigationContainer (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:200964:28) at ThemeProvider (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:206784:21) at NavigationContainerInner (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:206672:26) at Routes (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:199736:27) at Connect(Routes) (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:274014:43) at anonymous (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:319867:56) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at MenuProvider (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:314899:24) at PersistGate (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:335556:22) at Provider (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:273512:21) at ToastProvider (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:276795:24) at App at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at RCTView at View (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59189:43) at AppContainer (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:59031:36) at UBI(RootComponent) (http://localhost:8081/index.bundle//&platform=android&dev=true&lazy=true&minify=false&app=com.ubi&modulesOnly=false&runModule=true:110048:28) ERROR TypeError: Cannot read property 'WebView' of undefined

CustomEditor.tsx

`import type {PropsWithChildren} from 'react';
import React from 'react';
import {ActivityIndicator, Text, View} from 'react-native';
import CKEditor5 from 'react-native-ckeditor-custom';
import {styles} from './styles';

type CustomEditorPros = PropsWithChildren<{
content?: string;
}>;

const CustomEditor = ({content}: CustomEditorPros): JSX.Element => {
const initalData = <p>Test</p>;
const height = 200; // Example height in pixels
const maxHeight = 400; // Example max height in pixels, or set it to null if not needed
// const colors = {};
const fontFamily = 'Arial, sans-serif'; // Example font family
const toolbarBorderSize = '1px solid #ccc'; // Example toolbar border size and color
const editorFocusBorderSize = '2px solid #007bff'; // Example editor focus border size and color
const disableTooltips = false; // Set to true to disable tooltips, false otherwise
const placeHolderText = 'Enter your text here'; // Example placeholder text
const editorConfig = {
// Additional editor configuration options if needed (provide an empty object or set to null if not needed)
};
const style = {
backgroundColor: 'black',
};

const onChange = (e: any) => {
// console.log('onChange', e);
};

const onError = (e: any) => {
// console.log('onError', e);
};

const onFocus = (e: any) => {
console.log('onFocus', e);
};

const onBlur = (e: any) => {
// console.log('onChange', e);
};

const onLoadEnd = (e: any) => {
// console.log('onLoadEnd', e);
};

const renderError = () => {
return An error ocurred while rendering CKEDITOR5 editor;
};

const renderLoading = () => {
return ;
};
return (

<CKEditor5
onChange={onChange}
onError={onError}
onFocus={onFocus}
onBlur={onBlur}
onLoadEnd={onLoadEnd}
renderError={renderError}
renderLoading={renderLoading}
initialData={initalData}
maxHeight={maxHeight}
editorConfig={editorConfig}
style={style}
disableTooltips={disableTooltips}
height={height}
androidHardwareAccelerationDisabled={false}
fontFamily={fontFamily}
colors={{}}
toolbarBorderSize={toolbarBorderSize}
editorFocusBorderSize={editorFocusBorderSize}
// placeHolderText={placeHolderText}
/>

);
};

export default CustomEditor;
`

styles.ts

`import {colors} from '@Constants';
import {StyleSheet} from 'react-native';

export const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
backgroundColor: 'black',
padding: 10,
borderRadius: 12,
marginVertical: 5,
marginHorizontal: 10,

///////////---shadow---///////////
shadowColor: colors.black,
shadowOffset: {
  width: 0,
  height: 2,
},
shadowOpacity: 0.23,
shadowRadius: 2.62,
elevation: 2,

},
box: {
width: 60,
height: 60,
marginVertical: 20,
},
});
`

### Environment

"react-native": "0.73.2", "react": "18.2.0", "react-native-ckeditor-custom": "^0.3.8",

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.