A text editor build on the Native File System APIs
Home Page: https://googlechromelabs.github.io/text-editor/
License: Apache License 2.0
If the Native File System APIs aren't supported, fallback to
<input type="file"> for opening files<a download...> for saving filesPlease find a way to let me associate the Text Editor with any .txt file.
Expected behaviour
Right-click and "open as" or dimply double-clicking any text file
should 1) open Text Editor
and 2) Text Editor should subsequently open the selected .txt file
Actual current behaviour
Right click open-as / double-click .txt files opens Tex Editor with an empty screen. The actual selected .txt doc does not get openend
Screenshot
Especially tabs, capturing tabs
CMD-Q, etc
On Microsoft Edge Version 88.0.705.81, the text input is draggable, as shown below.
The chrome version running on android doesn't support this.
Is there an eta on when it will be or at least note this in the readme.
The current presentation suggest that it falls on legacy mode due to browser version, but that is not true. The same version on desktop supports the new file api.
Chrome on android simply does not allow this at all. When will we get the simple ability to overwrite a file we saved in a pwa?
When I attempted to save a file that I created, an error was returned.
This issue has occured multiple times.
11/11/2020
Chrome Version : 83.0.4103.106
URLs (if applicable) : http://ec2-18-223-133-52.us-east-2.compute.amazonaws.com:8080/
What steps will reproduce the problem?
(1) Download the code from https://github.com/GoogleChromeLabs/text-editor/ on the windows machine. I have used AWS machine to make it accessible over the internet.
(2) Run it on local after running gulp serve command on node.js - working fine
(3) Hit the :port url from some other machine. The page is not accessible.
http://ec2-18-223-133-52.us-east-2.compute.amazonaws.com:8080/
What is the expected result?
This gulp app website should be accessible over the internet as I have created another hello world app on Node.js which is working over the internet on another machine.
Everything is the same, I have deployed on the same machine, ports are open etc. Simple Node js website is accessible over the internet but not the code of text editor.
See this is a simple spring app also working on the same machine
http://ec2-18-223-133-52.us-east-2.compute.amazonaws.com:5000/StellarUILoginWebService-1.0-SNAPSHOT/
I have read your article on this. Thanks for that! I have tried to follow the sample but when a user selects a folder that they have already been granted access but it still asks for permission.
Simple code example -- as in your example get and set are shorthand for getting and setting values to indexDb using idb-keyval
asyn function (){
let dirHandle = await get("directory");
dirHandle = await window.showDirectoryPicker();
await set("directory", dirHandle);
}
Expected results:
Every time a user picks a folder it should not ask for permission on subsequent calls even after page refresh since I am storing and retrieving dirHande from indexDb which should give me permissions already saved. I doing a page refresh for testing immediately so should not have to reverify permissions. Although I will add that check according to your article.
Thanks.
Dan
When I save a file in Chrome mobile (Samsung Galaxy S8), I am not asked for a file or path name.
My text is always saved in Downloads/Untitled.txt
I am OK being forced to use that Downloads path, but we should be allowed to handle different files.
In other projects like excalidraw you can choose your own file name (I used its mobile Chrome demo, not their app)
As mentioned here, looks like excalidraw uses this module:
https://github.com/GoogleChromeLabs/browser-fs-access
Thanks
@abubelinha
When trying to 'Save' or 'Save As' , it gives an error saying
"An error occured trying to open the file."
chrome version:
Version 86.0.4240.75 (Official Build) (64-bit)
When text editor is running in an app window, links in the footer are opened in a CCT
text-editor/src/inline-scripts/app.js
Line 130 in e3a33c2
The application accesses app.fileName and logs it to the console, yet it is never assigned across the entire codebase.
I didn't see it ever log, but I caught this while reviewing the code.
I have a file open and when I do Save As, I get: "An error occured trying to open the file." I checked console and nothing showed up there. The Save operation works fine.
As most Windows text files is not encoded as utf8, is there any solution to solve this problem?
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 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.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
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.