Skip to content

Commit 0524dc0

Browse files
pawangeekpawangeek
authored
Merge pull request #747 from alankarartist/html_to_markdown
html_to_markdown
2 parents 45d4ef4 + 9ea4ddc commit 0524dc0

File tree

7 files changed

+513
-0
lines changed

7 files changed

+513
-0
lines changed

‎html_to_markdown/AlHtmlToMarkdown.py

Lines changed: 124 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,124 @@
1+
import markdownify
2+
import os
3+
from tkinter import Tk, END, Frame, SUNKEN, Label
4+
from tkinter import font, Button, X, Entry, Text, BOTH
5+
from PIL import ImageTk, Image
6+
7+
cwd = os.path.dirname(os.path.realpath(__file__))
8+
9+
10+
class AlHtmlToMarkdown():
11+
12+
def __init__(self):
13+
root = Tk(className=" ALHTMLTOMARKDOWN ")
14+
root.geometry("400x175+1500+840")
15+
root.resizable(0, 0)
16+
root.iconbitmap(os.path.join(cwd + '\\UI\\icons',
17+
'alhtmltomarkdown.ico'))
18+
root.config(bg="#6a199b")
19+
root.overrideredirect(1)
20+
color = '#6a199b'
21+
22+
def callback(event):
23+
root.geometry("400x175+1500+840")
24+
25+
def showScreen(event):
26+
root.deiconify()
27+
root.overrideredirect(1)
28+
29+
def screenAppear(event):
30+
root.overrideredirect(1)
31+
32+
def hideScreen():
33+
root.overrideredirect(0)
34+
root.iconify()
35+
36+
def markdown():
37+
filename = fileText.get()
38+
filepath = os.path.join(cwd + '\\AlHtmlToMarkdown', filename)
39+
if os.path.exists(filepath):
40+
extension = os.path.splitext(filepath)[1]
41+
try:
42+
if extension.lower() == ".html":
43+
htmlFile = open(filepath, "r")
44+
html = htmlFile.read()
45+
htmlFile.close()
46+
markDown = markdownify.markdownify(html,
47+
heading_style="ATX")
48+
markdownFileName = filename.replace(extension, '.md')
49+
markdownFilePath = os.path.join(cwd + '\\AlHtmlToMarkd'
50+
'own\\Markdown',
51+
markdownFileName)
52+
markdownFile = open(markdownFilePath, "w")
53+
markdownFile.writelines(markDown)
54+
markdownFile.close()
55+
text.delete(1.0, END)
56+
text.insert(1.0, markdownFileName + ' has been saved '
57+
'successfully in Markdown folder')
58+
except Exception as e:
59+
text.delete(1.0, END)
60+
print(str(e))
61+
text.insert(1.0, 'Invalid document, please provide .html '
62+
'extension files')
63+
else:
64+
text.delete(1.0, END)
65+
text.insert(1.0, 'Invalid file path')
66+
67+
textHighlightFont = font.Font(family='OnePlus Sans Display', size=12)
68+
appHighlightFont = font.Font(family='OnePlus Sans Display', size=12,
69+
weight='bold')
70+
71+
titleBar = Frame(root, bg='#141414', relief=SUNKEN, bd=0)
72+
icon = Image.open(os.path.join(cwd + '\\UI\\icons',
73+
'alhtmltomarkdown.ico'))
74+
icon = icon.resize((30, 30), Image.ANTIALIAS)
75+
icon = ImageTk.PhotoImage(icon)
76+
iconLabel = Label(titleBar, image=icon)
77+
iconLabel.photo = icon
78+
iconLabel.config(bg='#141414')
79+
iconLabel.grid(row=0, column=0, sticky="nsew")
80+
titleLabel = Label(titleBar, text='ALHTMLTOMARKDOWN', fg='#909090',
81+
bg='#141414', font=appHighlightFont)
82+
titleLabel.grid(row=0, column=1, sticky="nsew")
83+
closeButton = Button(titleBar, text="x", bg='#141414', fg="#909090",
84+
borderwidth=0, command=root.destroy,
85+
font=appHighlightFont)
86+
closeButton.grid(row=0, column=3, sticky="nsew")
87+
minimizeButton = Button(titleBar, text="-", bg='#141414', fg="#909090",
88+
borderwidth=0, command=hideScreen,
89+
font=appHighlightFont)
90+
minimizeButton.grid(row=0, column=2, sticky="nsew")
91+
titleBar.grid_columnconfigure(0, weight=1)
92+
titleBar.grid_columnconfigure(1, weight=30)
93+
titleBar.grid_columnconfigure(2, weight=1)
94+
titleBar.grid_columnconfigure(3, weight=1)
95+
titleBar.pack(fill=X)
96+
97+
fileText = Label(root, text="HTML FILE")
98+
fileText.pack()
99+
fileText.config(bg=color, fg="white", font=appHighlightFont)
100+
fileText = Entry(root, bg="white", fg='#7a1da3',
101+
highlightbackground=color, highlightcolor=color,
102+
highlightthickness=3, bd=0, font=textHighlightFont)
103+
fileText.pack(fill=X)
104+
105+
convertToMarkdown = Button(root, borderwidth=0, highlightthickness=3,
106+
text="MARKDOWN", command=markdown)
107+
convertToMarkdown.config(bg=color, fg="white", font=appHighlightFont)
108+
convertToMarkdown.pack(fill=X)
109+
110+
text = Text(root, font="sans-serif", relief=SUNKEN,
111+
highlightbackground=color, highlightcolor=color,
112+
highlightthickness=5, bd=0)
113+
text.config(bg="white", fg='#7a1da3', height=2, font=textHighlightFont)
114+
text.pack(fill=BOTH, expand=True)
115+
116+
titleBar.bind("<B1-Motion>", callback)
117+
titleBar.bind("<Button-3>", showScreen)
118+
titleBar.bind("<Map>", screenAppear)
119+
120+
root.mainloop()
121+
122+
123+
if __name__ == "__main__":
124+
AlHtmlToMarkdown()

‎html_to_markdown/AlHtmlToMarkdown/Markdown/Test.md

Lines changed: 199 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,199 @@
1+
2+
3+
4+
Page Title
5+
6+
7+
8+
* {
9+
box-sizing: border-box;
10+
}
11+
12+
/* Style the body */
13+
body {
14+
font-family: Arial, Helvetica, sans-serif;
15+
margin: 0;
16+
}
17+
18+
/* Header/logo Title */
19+
.header {
20+
padding: 80px;
21+
text-align: center;
22+
background: #1abc9c;
23+
color: white;
24+
}
25+
26+
/* Increase the font size of the heading */
27+
.header h1 {
28+
font-size: 40px;
29+
}
30+
31+
/* Sticky navbar - toggles between relative and fixed, depending on the scroll position. It is positioned relative until a given offset position is met in the viewport - then it "sticks" in place (like position:fixed). The sticky value is not supported in IE or Edge 15 and earlier versions. However, for these versions the navbar will inherit default position */
32+
.navbar {
33+
overflow: hidden;
34+
background-color: #333;
35+
position: sticky;
36+
position: -webkit-sticky;
37+
top: 0;
38+
}
39+
40+
/* Style the navigation bar links */
41+
.navbar a {
42+
float: left;
43+
display: block;
44+
color: white;
45+
text-align: center;
46+
padding: 14px 20px;
47+
text-decoration: none;
48+
}
49+
50+
51+
/* Right-aligned link */
52+
.navbar a.right {
53+
float: right;
54+
}
55+
56+
/* Change color on hover */
57+
.navbar a:hover {
58+
background-color: #ddd;
59+
color: black;
60+
}
61+
62+
/* Active/current link */
63+
.navbar a.active {
64+
background-color: #666;
65+
color: white;
66+
}
67+
68+
/* Column container */
69+
.row {
70+
display: -ms-flexbox; /* IE10 */
71+
display: flex;
72+
-ms-flex-wrap: wrap; /* IE10 */
73+
flex-wrap: wrap;
74+
}
75+
76+
/* Create two unequal columns that sits next to each other */
77+
/* Sidebar/left column */
78+
.side {
79+
-ms-flex: 30%; /* IE10 */
80+
flex: 30%;
81+
background-color: #f1f1f1;
82+
padding: 20px;
83+
}
84+
85+
/* Main column */
86+
.main {
87+
-ms-flex: 70%; /* IE10 */
88+
flex: 70%;
89+
background-color: white;
90+
padding: 20px;
91+
}
92+
93+
/* Fake image, just for this example */
94+
.fakeimg {
95+
background-color: #aaa;
96+
width: 100%;
97+
padding: 20px;
98+
}
99+
100+
/* Footer */
101+
.footer {
102+
padding: 20px;
103+
text-align: center;
104+
background: #ddd;
105+
}
106+
107+
/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
108+
@media screen and (max-width: 700px) {
109+
.row {
110+
flex-direction: column;
111+
}
112+
}
113+
114+
/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
115+
@media screen and (max-width: 400px) {
116+
.navbar a {
117+
float: none;
118+
width: 100%;
119+
}
120+
}
121+
122+
123+
124+
125+
# My Website
126+
127+
128+
A **responsive** website created by me.
129+
130+
131+
132+
133+
[Home](#)
134+
[Link](#)
135+
[Link](#)
136+
[Link](#)
137+
138+
139+
140+
## About Me
141+
142+
143+
##### Photo of me:
144+
145+
146+
Image
147+
Some text about me in culpa qui officia deserunt mollit anim..
148+
149+
150+
### More Text
151+
152+
153+
Lorem ipsum dolor sit ame.
154+
155+
156+
Image
157+
158+
Image
159+
160+
Image
161+
162+
163+
## TITLE HEADING
164+
165+
166+
##### Title description, Dec 7, 2017
167+
168+
169+
Image
170+
Some text..
171+
172+
173+
Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
174+
175+
176+
177+
178+
## TITLE HEADING
179+
180+
181+
##### Title description, Sep 2, 2017
182+
183+
184+
Image
185+
Some text..
186+
187+
188+
Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
189+
190+
191+
192+
193+
194+
## Footer
195+
196+
197+
198+
199+

0 commit comments

Comments
 (0)