react-native-webview-quill's Issues
Cannot dipslay Quill component
TODO: Pass the height of the content
TODO: Set max file size for images
or handle big images
TODO: Support dynamically setting content
TODO: Release the package to the public
TODO: Properly handle border settings and other web styling
TODO: ImagePicker support for React Native WebView
Purpose of using encodeURIComponent function in generateWebViewIndex.ts
First of all, thank you for your quill editor integration for react-native.
I have one question about the encodeURIComponent function.
When I wrote code-block and try to render it in quill editor and it showed encoded html which is generated from generateWebViewIndex function instead of right code-block.
After I deleted encodeURIComponent function then it showed right code-block.
I know the purpose of encoding URI but does it needs to be encoded entire html string?
Thank you
RN Version : 0.61.5
TODO: Write local resource provider
Right now, all resources from Quill are loaded via a CDN. We should, however also implement a local resource provider for offline implementation of this component.
Module `quill-delta` does not exist in the Haste module map
Issue description
App crashed after installation of this library with the aforementioned error.
Steps to reproduce the issue
- Install this library via 'npm i react-native-webview-quill' in the project folder.
- Copy the example usage from https://github.com/LuudJanssen/react-native-webview-quill into a newly made test component (I changed the class name though).
- Run the app via 'react-native run-ios' or 'react-native run-android'. Both will crash with aforementioned error.
What's the expected result?
- The application should run, and the rich text editor should be fully functional upon navigating to the test page.
What's the actual result?
- App crashed with error message: 'Module
quill-delta
does not exist in the Haste module map'
What have I tried to solve the problem?
- Clear watchman watches:
watchman watch-del-all
- Delete and re-install the
node_modules
folder:rm -rf node_modules && npm i
- Reset Metro Bundler cache:
npm start -- --reset-cache
- Remove haste cache:
rm -rf /tmp/haste-map-react-native-packager-*
Environment
System:
- OS: macOS 10.14.6
- CPU: (12) x64 Intel(R) Core(TM) i7-8850H CPU @ 2.60GHz
- Memory: 2.46 GB / 32.00 GB
- Shell: 3.2.57 - /bin/bash
Binaries:
- Node: 10.16.0 - /usr/local/bin/node
- Yarn: 1.16.0 - /usr/local/bin/yarn
- npm: 6.10.0 - /usr/local/bin/npm
- Watchman: 4.9.0 - /usr/local/bin/watchman
SDKs:
- iOS SDK:
Platforms: iOS 13.0, DriverKit 19.0, macOS 10.15, tvOS 13.0, watchOS 6.0
IDEs:
- Android Studio: 3.5 AI-191.8026.42.35.5791312
- Xcode: 11.0/11A420a - /usr/bin/xcodebuild
npmPackages:
- react: 16.8.6 => 16.8.6
- react-native: ^0.60.3 => 0.60.3
npmGlobalPackages:
- create-react-native-app: 2.0.2
- react-native-cli: 2.0.1
- react-native-gesture-handler: 1.3.0
- react-native: 0.60.0
Could I use formula type by using this library?
Hi, I saw that insert statements that return texts work well.
And then, I tried to use formula type text like e=mc^2. However {insert:{formula:'e=mc^2'}} format returned nothing. Also it prevented rendering subsequent insert statements.
I know that to use this formula type in quill, it needs to integrate Katex. Is there a way to use formula in this library without it? Or is it structurally possible for me to integrate katex with this library?
Thank you.
TODO: Add proper README.md
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.