Comments (1)
Ok, after running this through the dev tools... the browser changes the injected css a bit before the extension saves it. "-epub-writing-mode" becomes " -webkit-writing-mode", which isn't listed in the supportedCss array. Adding it to the supportedCss array lets it go through, but it still gets mixed up.
body { -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;}
The resulting CSS is still broken:
.AI0 {background-color:rgba(0, 0, 0, 0);border:0px none rgb(0, 0, 0);color:rgb(0, 0, 0);font:16px / 25.6px "Times New Roman";line-height:25.6px;list-style:outside none disc;padding:0px;text-align:start;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;} .BP1 {background-color:rgba(0, 0, 0, 0);border:0px none rgb(0, 0, 0);color:rgb(0, 0, 0);font:700 32px / 51.2px "Times New Roman";line-height:51.2px;list-style:outside none disc;padding:0px;text-align:start;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;} .ql2 {background-color:rgba(0, 0, 0, 0);border:0px none rgb(0, 0, 0);color:rgb(0, 0, 0);font:700 24px / 38.4px "Times New Roman";line-height:38.4px;list-style:outside none disc;padding:0px;text-align:start;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;} .Xn349 {background-color:rgba(0, 0, 0, 0);border:0px none rgb(0, 0, 0);color:rgb(0, 0, 0);font:700 20px / 25.6px "Times New Roman";line-height:25.6px;list-style:outside none disc;padding:0px;text-align:start;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;} .Tk354 {background-color:rgba(0, 0, 0, 0);border:0px none rgb(0, 0, 0);color:rgb(0, 0, 0);font:700 18px / 25.6px "Times New Roman";line-height:25.6px;list-style:outside none disc;padding:0px;text-align:start;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;} .mj357 {background-color:rgba(0, 0, 0, 0);border:0px none rgb(0, 0, 0);color:rgb(0, 0, 0);font:16px / 16px "Times New Roman";line-height:16px;list-style:outside none disc;padding:0px;text-align:start;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;} .yY360 {background-color:rgba(0, 0, 0, 0);border:0px none rgb(0, 0, 0);color:rgb(0, 0, 0);font:8px / 4px "Times New Roman";line-height:4px;list-style:outside none disc;padding:0px;text-align:start;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;} .Mp8104 {background-color:rgba(0, 0, 0, 0);border:0px none rgb(0, 0, 0);color:rgb(0, 0, 0);font:13.3333px / 25.6px "Times New Roman";line-height:25.6px;list-style:outside none disc;padding:0px;text-align:start;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;} .Wt24983 {background-color:rgba(0, 0, 0, 0);border:0px none rgb(255, 255, 255);color:rgb(255, 255, 255);font:16px "Open Sans", Roboto, Arial, Helvetica, sans-serif;line-height:normal;list-style:outside none disc;padding:0px;text-align:start;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;} .un24984 {background-color:rgb(91, 0, 92);color:rgb(255, 255, 255);font:16px "Open Sans", Roboto, Arial, Helvetica, sans-serif;line-height:normal;list-style:outside none disc;padding:0px;text-align:start;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;} .pM24985 {background-color:rgba(0, 0, 0, 0);border:0px none rgb(255, 255, 255);color:rgb(255, 255, 255);font:500 16px / 35px "Open Sans", Roboto, Arial, Helvetica, sans-serif;line-height:35px;list-style:outside none disc;padding:0px;text-align:center;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;} .fl24991 {background-color:rgba(0, 0, 0, 0);border:0px none rgb(255, 255, 255);color:rgb(255, 255, 255);font:16px "Open Sans", Roboto, Arial, Helvetica, sans-serif;line-height:normal;list-style:outside none disc;padding:5px 0px;text-align:start;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;} .JJ24992 {background-color:rgb(255, 255, 255);border:0px none rgb(255, 255, 255);color:rgb(255, 255, 255);font:16px "Open Sans", Roboto, Arial, Helvetica, sans-serif;line-height:normal;list-style:outside none disc;padding:0px;text-align:start;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;} .cT24995 {background-color:rgba(0, 0, 0, 0);border:0px none rgb(255, 255, 255);color:rgb(255, 255, 255);font:16px "Open Sans", Roboto, Arial, Helvetica, sans-serif;line-height:normal;list-style:outside none disc;padding:10px 0px 10px 5px;text-align:left;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;} .Mp24997 {background-color:rgba(0, 0, 0, 0);border:1px inset rgb(0, 0, 0);color:rgb(0, 0, 0);font:16px / 25.6px "Times New Roman";line-height:25.6px;list-style:outside none disc;padding:0px;text-align:start;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;} .IW25011 {background-color:rgba(0, 0, 0, 0);border:0px none rgb(0, 0, 238);color:rgb(0, 0, 238);font:16px / 25.6px "Times New Roman";line-height:25.6px;list-style:outside none disc;padding:0px;text-align:start;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;} .nu25019 {background-color:rgba(0, 0, 0, 0);border:0px none rgb(0, 0, 0);color:rgb(0, 0, 0);font:16px / 25.6px "Times New Roman";line-height:25.6px;list-style:outside none disc;padding:40px 0px 0px;text-align:start;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;} .XG25020 {background-color:rgba(0, 0, 0, 0);border:0px none rgb(0, 0, 0);color:rgb(0, 0, 0);font:16px / 25.6px "Times New Roman";line-height:25.6px;list-style:outside none disc;padding:0px;text-align:left;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;} .jY25029 {background-color:rgb(48, 52, 62);border:0px none rgb(0, 0, 0);color:rgb(0, 0, 0);font:16px / 25.6px "Times New Roman";line-height:25.6px;list-style:outside none disc;padding:0px;text-align:start;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;}
The -epub-writing-mode/-webkit-writing-mode property has to be set in either the html or the body class for it to be rendered correctly.
from save-as-ebook.
Related Issues (20)
- Capturing unneeded elements HOT 4
- Some minor grievances. HOT 2
- All saved EPUB have identical identifier
- Support defining title, author and cover HOT 1
- Need more control over the capture HOT 3
- Feature Request: Add all tabs as Chapters HOT 1
- request to get it work for thunderbird HOT 1
- Feature Request: extract H1,H2,etc. tags as chapters HOT 2
- display block missing in some classes HOT 1
- Table borders are not present in the ePub HOT 2
- replacing iframes with divs - issue concerning inline styles
- Ruby rb tags ignored by extractHtml.js HOT 1
- Feature request - button to change page direction of ebook HOT 1
- Parse error - o:p tag I think HOT 1
- Congrats on 1001 stars! HOT 1
- Images?
- Ruby rp tags dropped by extractCss() of extractHtml.js
- Doesn't work in Reader Mode HOT 3
- Website pictures are not included on the protected websites HOT 2
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.
from save-as-ebook.