├── .gitignore
├── get-auto-complete.py
├── readme.md
└── webapp
    └── index.html


/.gitignore:
--------------------------------------------------------------------------------
 1 | # Ignore everything
 2 | *
 3 | 
 4 | # But not these files...
 5 | !.gitignore
 6 | !get-auto-complete.py
 7 | !readme.md
 8 | !webapp
 9 | !webapp/index.html
10 | 
11 | 
12 | 
13 | # !work-from-home_07-09-2020.txt
14 | # !Startup-developers_07-09-2020.txt
15 | # !twitter-marketing_07-09-2020.txt
16 | # etc...


--------------------------------------------------------------------------------
/get-auto-complete.py:
--------------------------------------------------------------------------------
  1 | import sys
  2 | import time
  3 | import requests
  4 | import urllib.parse
  5 | from datetime import datetime
  6 | from urllib.parse import urlencode
  7 | import xml.etree.ElementTree as ET
  8 | from collections import OrderedDict
  9 | 
 10 | 
 11 | keyword_list = []
 12 | 
 13 | keyword_found = 0
 14 | 
 15 | keyword_searched = 0
 16 | 
 17 | base_url = 'http://suggestqueries.google.com/complete/search'
 18 | 
 19 | # Updates
 20 | # 1. folder name for keyword
 21 | # 2. child folder for date
 22 | # 3. file for all keywords
 23 | # 4. CSV file for common keywords 
 24 | # 5. eliminate keywords with "tools" "hubspot" "jobs"
 25 | # 6. sort by search volume and keyword density
 26 | 
 27 | 
 28 | def create_doc_file(search, string, LONGSEARCH):
 29 | 	print("\n-------LONG TAIL KEYWORD FINDER-------\n")
 30 | 	print("Search Engine \t: ", search)
 31 | 	print("Keyword \t: ", string)
 32 | 	print("Long search \t: ", LONGSEARCH)
 33 | 	print('\nCreating File...', end="")
 34 | 	sys.stdout.flush()
 35 | 	
 36 | 	date_today = datetime.now().strftime("%d-%m-%Y")
 37 | 	
 38 | 	sub_folder = search
 39 | 	if LONGSEARCH: string = string + ' [LONG]'
 40 | 
 41 | 	file_name = (sub_folder + '/' + string + "_" + date_today).replace(' ', '-')+".txt"
 42 | 	file = open(file_name, 'w+')
 43 | 
 44 | 	print(' Created {}'.format(file_name))
 45 | 	file.close()
 46 | 	return file_name
 47 | 	# file.write(keyword_list)
 48 | 
 49 | def write(keywords, file_name):
 50 | 	# create a file and write
 51 | 	# print(file_name)
 52 | 	with open(file_name,"a+") as f:
 53 | 		for keyword in keywords:
 54 | 			f.write(keyword+"\n")
 55 | 
 56 | 
 57 | def string_search(file_name, search, string):
 58 | 	# count how many keywords searched	
 59 | 	global keyword_searched
 60 | 	keyword_searched = keyword_searched + 1
 61 | 
 62 | 	keywords = get_keywords(search, string)
 63 | 	if keywords is not None:
 64 | 		write(keywords, file_name)
 65 | 		return len(keywords)
 66 | 	else:
 67 | 		return 0
 68 | 
 69 | def get_keywords(search_engine, string):
 70 | 	# print("parsing {} now".format(string))
 71 | 
 72 | 	
 73 | 	# time.sleep(1)
 74 | 
 75 | 	# OLD CODE
 76 | 	# encord the string
 77 | 	# encoded_string = urllib.parse.quote(string)
 78 | 	# encoded_url = base_url + encoded_string
 79 | 		
 80 | 	# NEW CODE
 81 | 	base_url = 'http://suggestqueries.google.com/complete/search'
 82 | 
 83 | 	search_dictionary = {
 84 | 	'output':'toolbar',
 85 | 	'gl': 'in',
 86 | 	'hl': 'en',
 87 | 	'q' : string,
 88 | 	}
 89 | 	
 90 | 	youtube_parameter = '&ds=yt'
 91 | 	JSON_param = '&client=firefox'
 92 | 	JSON_detail_param = '&client=chrome'
 93 | 
 94 | 
 95 | 	if search_engine is 'youtube':
 96 | 		search_dictionary['ds'] = 'yt'  
 97 | 	
 98 | 	# search_dictionary['client'] = 'chrome'
 99 | 
100 | 	encoded_url = base_url +'?'+ urlencode(search_dictionary)
101 | 	
102 | 	# print(encoded_url)
103 | 
104 | 	# send a request
105 | 	r = requests.get(encoded_url)
106 | 	
107 | 	# read the request, and get all suggestions
108 | 
109 | 	try:
110 | 		suggestions = ET.fromstring(r.content)
111 | 	except Exception as e:
112 | 		return None
113 | 	
114 | 	# try:
115 | 	# 	suggestions = ET.fromstring(r.content)
116 | 	# except xml.etree.ElementTree.ParseError:
117 | 	# 	pass
118 | 
119 | 	# record all suggestions	
120 | 	keywords=[]
121 | 	this_keyword = 0
122 | 	for suggestion_ in suggestions.iter('suggestion'):
123 | 		# count how many keywords found
124 | 		global keyword_found
125 | 		keyword_found = keyword_found + 1
126 | 		keyword = suggestion_.attrib.get('data')
127 | 		keywords.append(keyword)
128 | 		this_keyword = this_keyword + 1
129 | 
130 | 		# print(type(suggestion_.attrib.value()))
131 | 	return keywords
132 | 
133 | def main(search_engine, string, file_name, LONGSEARCH):
134 | 	# initial string
135 | 	print("Finding longtail {} keywords for '{}'... ".format(search_engine, string), end="")
136 | 	sys.stdout.flush()
137 | 	found_core_keyword = string_search(file_name, search_engine, string)
138 | 	print("Found {}".format(found_core_keyword))
139 | 
140 | 	for i in range(ord('A'), ord('Z') + 1):
141 | 		print("Finding longtail {} keywords for '{}' with {}... ".format(search_engine, string, chr(i)), end = "")
142 | 		sys.stdout.flush()
143 | 		# prefixed alphabet
144 | 		found_core_keyword_in_loop = 0
145 | 		found_core_keyword_in_loop = found_core_keyword_in_loop + string_search(file_name, search_engine, chr(i)+" "+string)
146 | 		if LONGSEARCH: found_core_keyword_in_loop = found_core_keyword_in_loop + string_search(file_name, search_engine, chr(i)+chr(i)+" "+string)
147 | 
148 | 		# postfixed alphabet
149 | 		found_core_keyword_in_loop = found_core_keyword_in_loop + string_search(file_name, search_engine, string+" "+chr(i))
150 | 		if LONGSEARCH: found_core_keyword_in_loop = found_core_keyword_in_loop + string_search(file_name, search_engine, string+" "+chr(i)+chr(i))
151 | 		
152 | 		print("Found {}".format(found_core_keyword_in_loop))
153 | 
154 | 	print("---REPORT---")
155 | 	print('Found {} keywords by searching {} keywords on {}\n'.format(keyword_found, keyword_searched, search_engine))
156 | 
157 | 
158 | def common_keywords(file_name, string):
159 | 	
160 | 	# list of new keywords
161 | 	with open(file_name,"r") as f:
162 | 		keywords = f.readlines()
163 | 	keywords = [x.strip() for x in keywords]
164 | 	
165 | 
166 | 	# original keyword, string. Split by words
167 | 	string_words = string.lower().split()
168 | 	# stop_words = ['on','of','the','if','it','a','an']
169 | 	
170 | 	print("\n-------Word Repeating Frequently-------\n")
171 | 
172 | 
173 | 	
174 | 	print('cleaning keywords... ', end = "")
175 | 	sys.stdout.flush()
176 | 
177 | 	sublist = []
178 | 	# This nested for loop is very complex. it turns keyword from ['this is a keyword'] to ['this','is','a','keyword']. 
179 | 	# and then it gives is [['this','is','a','keyword'],['those','are','also','keywords']]
180 | 	# and then if each of those sub keywords have any words from base keywords it excludes them from the new keyword list
181 | 	cleaned_keywords = [item for sublist in [keyword.split() for keyword in keywords] for item in sublist if item not in string_words]
182 | 	
183 | 	
184 | 	repeat_words = {i:cleaned_keywords.count(i) for i in cleaned_keywords}
185 | 	repeat_words = OrderedDict(sorted(repeat_words.viewitems(), key=lambda x: len(x[1])))
186 | 
187 | 	print('DONE')
188 | 
189 | 	for key, value in sorted (key_value.values()):
190 | 		print('{}\t{}'.format(value, key))
191 | 
192 | 	print("\n--------------------------------------\n")
193 | 	F202 16-4-293 SSKPlaza Chanchalguda
194 | if __name__ == '__main__':
195 | 	string = "How to win accounts"
196 | 	search_engine = "google"
197 | 	LONGSEARCH = True
198 | 	# file_name = create_doc_file(search_engine, string, LONGSEARCH)
199 | 	# main(search_engine, string, file_name, LONGSEARCH)
200 | 
201 | 	file_name = 'google/how-to-win-accounts_13-10-2020.txt'
202 | 	common_keywords(file_name, string)
203 | 	
204 | 
205 | # 	print("Creating folders... ", end="")
206 | # 	sys.stdout.flush()
207 | # 	time.sleep(2) # fake process
208 | # 	print("DONE")
209 | 
210 | # 	time.sleep(1)
211 | 	
212 | # 	print("Creating files... ", end="")
213 | # 	sys.stdout.flush()
214 | # 	time.sleep(2) # fake process
215 | # 	print("DONE")
216 | # Add progress bar using: https://stackoverflow.com/questions/3173320/text-progress-bar-in-the-console


--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
 1 | # Keyword Auto Complete
 2 | 
 3 | ## What It Does
 4 | 
 5 | Gives you a list of suggested keywords
 6 | 
 7 | ## Get Your List of Keywords
 8 | 
 9 | If you want a similar list for your Keyword, you can check out [this google form](https://forms.gle/AwgnbB4FQNL3933j9), and I will email the list to you.
10 | 
11 | 
12 | There are three sample keywords which you find below.
13 | 
14 | ## Sample Keywords
15 | 
16 | [Startup Developer](/Startup-developers_07-09-2020.txt) (68 Suggestions)
17 | 
18 | [Twitter marketing](/twitter-marketing_07-09-2020.txt) (222 Suggestions)
19 | 
20 | [Work from home](/work-from-home_07-09-2020.txt) (476 Suggestions)
21 | 
22 | _Updated: 7th september 2020_
23 | 
24 | 
25 | ## Future Version
26 | 
27 | 1. Downloadable CSV file 
28 | 2. sort keywords by search volume
29 | 3. sort keywords by keyword density
30 | 


--------------------------------------------------------------------------------
/webapp/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="en">
  3 | <head>
  4 | 	<!-- Required meta tags -->
  5 | 	<meta charset="utf-8">
  6 | 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7 | 
  8 | 	<!-- Bootstrap CSS -->
  9 | 	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
 10 | 	<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.css">
 11 | 
 12 | 	<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.js"></script>
 13 | 
 14 | 	<!-- Primary Meta Tags -->
 15 | 	<title>Keyword Auto generator</title>
 16 | 	<meta name="title" content="SEO Editor - Write What People Want to Read">
 17 | 	<meta name="description" content="Editor to write articles which people are searching for on google">
 18 | 
 19 | 	<!-- Open Graph / Facebook -->
 20 | 	<meta property="og:type" content="website">
 21 | 	<meta property="og:url" content="https://www.alicodermaker.com/editor">
 22 | 	<meta property="og:title" content="SEO Editor - Write What People Want to Read">
 23 | 	<meta property="og:description" content="Editor to write articles which people are searching for on google">
 24 | 	<!-- <meta property="og:image" content="https://www.AliCoderMaker.com/images/AliCoderMaker.png"> -->
 25 | 
 26 | 	<!-- Twitter -->
 27 | 	<meta property="twitter:card" content="summary_large_image">
 28 | 	<meta property="twitter:url" content="https://www.alicodermaker.com/">
 29 | 	<meta property="twitter:title" content="SEO Editor - Write What People Want to Read">
 30 | 	<meta property="twitter:description" content="Editor to write articles which people are searching for on google">
 31 | 	<!-- <meta property="twitter:image" content="https://www.AliCoderMaker.com/images/AliCoderMaker.png"> -->
 32 | 	<style>
 33 | 		/*this disables the scrolling effect */
 34 | 		html, body {margin: 0; height: 100%; overflow: hidden}
 35 | 
 36 | 		.bd-placeholder-img {
 37 | 			font-size: 1.125rem;
 38 | 			text-anchor: middle;
 39 | 			-webkit-user-select: none;
 40 | 			-moz-user-select: none;
 41 | 			-ms-user-select: none;
 42 | 			user-select: none;
 43 | 		}
 44 | 
 45 | 		@media (min-width: 768px) {
 46 | 			.bd-placeholder-img-lg {
 47 | 				font-size: 3.5rem;
 48 | 			}
 49 | 		}
 50 | 		.header-line{
 51 | 			text-align: left;
 52 | 			font-size: 2rem;
 53 | 			font-weight: 200;
 54 | 			border-bottom: 0.75px solid currentColor;	
 55 | 			margin-bottom: 15px;
 56 | 		}
 57 | 		.keyword-div{
 58 | 			/*background-color: yellow;*/
 59 | 		}
 60 | 
 61 | 		.keyword-col{
 62 | 			overflow-y: auto;
 63 | 			border-right: 10px;
 64 | 			padding: 0px 20px 0px 20px;
 65 | 			height: 100vh;
 66 | 		}
 67 | 
 68 | 		.textarea-col{
 69 | 			border-right: 20px;
 70 | 			padding: 0px 20px 0px 10px;
 71 | 			height: 100vh;
 72 | 
 73 | 		}
 74 | 
 75 | 		textarea{
 76 | 			width: 100%;
 77 | 			height: 100vh;
 78 | 
 79 | 		}
 80 | 
 81 | 		.keyword-div{
 82 | 			/*background-color: #ededed;*/
 83 | 			transition: 0.4s, ease;
 84 | 		}
 85 | 		.keyword-div:hover {
 86 | 			background-color: #ededed;
 87 | 		}
 88 | 
 89 | 		.keyword-div>p,a {
 90 | 			margin-top: 2px;
 91 | 			vertical-align: center;
 92 | 		}
 93 | 	</style>
 94 | 
 95 | 	<!-- Custom styles for this template -->
 96 | 	<!-- <link href="https://www.AliCoderMaker.com/cover.css" rel="stylesheet"> -->
 97 | 	<script src="https://AliCoderMaker.com/header.js"></script>
 98 | 
 99 | 	<!-- TINYMC for text editor -->
100 | 	<script src="https://cdn.tiny.cloud/1/kmd7edgycr8jwaicu6cv4l01uj0ybc91n3qk3ookmb67njed/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
101 | 	<script>
102 | 		tinymce.init({
103 | 			selector: '.article-editor',
104 | 			menubar: false,
105 | 			placeholder: `Begin by entering a seed keyword and click 'add' for relatable keywords.`,
106 | 			plugins: [
107 | 			'advlist autolink lists link image charmap print preview anchor',
108 | 			'searchreplace visualblocks code fullscreen',
109 | 			'insertdatetime media table paste code help wordcount'
110 | 			],
111 | 			toolbar: 'undo redo | formatselect | ' +
112 | 			'bold italic backcolor | alignleft aligncenter ' +
113 | 			'alignright alignjustify | bullist numlist outdent indent | ' +
114 | 			'removeformat | help',
115 | 		});
116 | 	</script>
117 | 	<!-- Global site tag (gtag.js) - Google Analytics -->
118 | 	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-98290233-2"></script>
119 | 	<script>
120 | 		window.dataLayer = window.dataLayer || [];
121 | 		function gtag(){dataLayer.push(arguments);}
122 | 		gtag('js', new Date());
123 | 
124 | 		gtag('config', 'UA-98290233-2');
125 | 	</script>
126 | </head>
127 | <body>
128 | 	<div class="cover-container d-flex p-3 mx-auto flex-column">
129 | 		<main role="main" class="inner cover">
130 | 			<!-- <h1 class="cover-heading">Copywrite Text Editor</h1> -->
131 | 			<!-- <div>
132 | 				<div class="row header-line">Enter the keyword</div>
133 | 				<div class="custom-form">
134 | 					<form id="keyword-form">
135 | 						
136 | 							<input id="id_keyword" type="text" name="keyword">
137 | 
138 | 							<button class="btn btn-primary" type="submit">Find Longtail</button>
139 | 							<div id ="form_errors" style="color: red; font-size: 1rem"></div>
140 | 						
141 | 					</form>
142 | 				</div>
143 | 			</div> -->
144 | 			<div>
145 | 				<!-- <div class="row header-line">Keywords Generated</div> -->
146 | 				<div class="row">
147 | 					<div class="col-3 keyword-col">
148 | 						<div class="sticky-top row" style="background-color: white">
149 | 							<div class="col">
150 | 								
151 | 								<div class="row header-line">SEO Editor</div>
152 | 
153 | 								<div class="row">
154 | 									<form style="width: 100%" id="keyword-form">
155 | 										<div class="input-group mb-3">
156 | 
157 | 											<input autocomplete="off" class="form-control" id="id_keyword" type="text" name="keyword" placeholder="Enter Seed Keyword" aria-label="Seed Keywords" aria-describedby="basic-addon2">
158 | 
159 | 											<div class="input-group-append">
160 | 
161 | 												<button class="btn btn-outline-secondary" type="submit">Find Longtail</button>
162 | 
163 | 											</div>
164 | 										</div>
165 | 
166 | 										<div id ="form_errors" style="color: red; font-size: 1rem"></div>
167 | 
168 | 									</form>
169 | 
170 | 								</div>
171 | 							</div>
172 | 						</div>
173 | 
174 | 						<div class="row">
175 | 							
176 | 							<table class="table table-borderless" id="list-of-keywords">
177 | 								<thead>
178 | 									<tr>
179 | 										<th scope="col">rel</th>
180 | 										<th scope="col">Keyword</th>
181 | 										<th scope="col"></th>
182 | 									</tr>
183 | 								</thead>
184 | 								<tbody id="list-of-keywords-body">
185 | 									
186 | 								</tbody>
187 | 							</table>
188 | 						</div>
189 | 					</div>
190 | 					<div class="col-9 textarea-col">
191 | 						<!-- <div class="row header-line">Editor</div> -->
192 | 
193 | 						<textarea id='article-editor' class="article-editor"></textarea>
194 | 					</div>
195 | 				</div>
196 | 			</div>
197 | 		</main>
198 | 	</div>
199 | 
200 | 	<!-- Optional JavaScript -->
201 | 	<!-- jQuery first, then Popper.js, then Bootstrap JS -->
202 | 	<!-- <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> -->
203 | 	<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
204 | 	<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
205 | 	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
206 | 
207 | 	<!-- trying this text editor for textaread-->
208 | 	<script src="https://cdn.jsdelivr.net/npm/@editorjs/editorjs@latest"></script>
209 | 
210 | 	<!-- The MVP -->
211 | 	<script type="text/javascript">
212 | 		
213 | 		/*
214 | 		TODO
215 | 		1. Add 'clear button' to remove all keywords from table and memory
216 | 		2. Using the rel score... to dynamically Highlight table row in gradient of yellow
217 | 		3. Add Splash Screen to explain how to use this tool
218 | 		4. Should we disable findlongtail button after initial search?
219 | 		*/
220 | 		
221 | 
222 | 		// $(document).ready( function () {
223 | 		// 	$('#list-of-keywords').DataTable();
224 | 		// });
225 | 
226 | 		/*without jQuery (doesn't work in older IEs)*/
227 | 		var past_keywords = [];
228 | 
229 | 		// BEGIN KEYWORD GENERATOR SCRIPT
230 | 		function startKeywordFinder(event) {
231 | 
232 | 			/*get the keyword from text field*/
233 | 			var base_keyword = document.getElementById('id_keyword').value;
234 | 
235 | 			/*check if this keyword have been requested in this before*/
236 | 			if (past_keywords.includes(base_keyword)) {
237 | 				alert("you have already searched for " + base_keyword);
238 | 
239 | 			} else {
240 | 				past_keywords.push(base_keyword);
241 | 				const longsearch = false;
242 | 				var i;
243 | 
244 | 				// GET ALL ALPHABETS, A TO Z,
245 | 				for (var i = 97; i < 123; i++) {
246 | 					// SEND IT TO KEYWORD COMBINER
247 | 					keyword_combiner(i, base_keyword, longsearch);
248 | 				};
249 | 				// console.log("Finish");
250 | 			};
251 | 			// console.log("past_keywords: " + past_keywords)
252 | 			// console.log('base_keyword: ' + base_keyword)
253 | 
254 | 			event.preventDefault();
255 | 		};
256 | 
257 | 		// CREATE NEW KEYWORD BY ADDING ALPHABET IN FRONT AND END
258 | 		function keyword_combiner(i, base_keyword, longsearch) {
259 | 			send_api_request(base_keyword + " " + String.fromCharCode(i));
260 | 			send_api_request(String.fromCharCode(i) + " " + base_keyword);
261 | 
262 | 			if (longsearch) {
263 | 				send_api_request(base_keyword + " " + String.fromCharCode(i) + String.fromCharCode(i));
264 | 				send_api_request(String.fromCharCode(i) + String.fromCharCode(i) + " " + base_keyword);
265 | 			}
266 | 		}
267 | 
268 | 		// SEND API REQUEST
269 | 		function send_api_request(keyword) {
270 | 			// set the base URL
271 | 			let base_url = 'https://suggestqueries.google.com/complete/search?';
272 | 
273 | 			// Start AJAX API Fetch
274 | 			$.ajax({
275 | 				type: 'GET',
276 | 				crossDomain: true,
277 | 				dataType: 'jsonp', // we want jsonp. this will over ride CORS stuff
278 | 				url: base_url,
279 | 				data: {
280 | 					'client':'chrome',
281 | 					'gl':'in',
282 | 					'hl':'en',
283 | 					'q' : keyword,
284 | 				},
285 | 				success: function(jsondata){
286 | 					console.log(jsondata)
287 | 					
288 | 					for (var i = 0; i < jsondata[1].length; i++) {
289 | 						// jsondata[1][i]
290 | 						let found_keyword_rel = (jsondata[4]['google:suggestrelevance'][i]);
291 | 						let found_keyword = (jsondata[1][i]);
292 | 						createNewEntry(found_keyword_rel, found_keyword);
293 | 
294 | 					}
295 | 					// Add here to catch on fail
296 | 				},
297 | 			});
298 | 
299 | 		}
300 | 
301 | 		// CREATE NEW TABLE ROW
302 | 		function createNewEntry(rel, keyword){
303 | 			/*Create a <div> node*/
304 | 			var node = document.createElement("tr");
305 | 			// node.setAttribute('class','keyword-div col-12');
306 | 
307 | 			// add an innerHTML to the node
308 | 			node.innerHTML = `
309 | 			<td><p style='color:grey'>${rel}</p></td>
310 | 			<td><p style="float: left">${keyword}</p></td>
311 | 			<td><a style="float: right" value='${keyword}' onclick="return addH2(this)" href="">Add</a></td>
312 | 			`;
313 | 			
314 | 			/*
315 | 			node.innerHTML = `<p style='color:grey'>${rel}</p><p style="float: left">${keyword}</p> 
316 | 			<a style="float: right" value='${keyword}' onclick="return addH2(this)" href="">Add</a>`;
317 | 			*/
318 | 
319 | 			/* Append this node with the list: id="list-of-keywords" */
320 | 			document.getElementById("list-of-keywords-body").appendChild(node);
321 | 		}
322 | 		// Chekc for form submit. and initiate StartKeywordFinder
323 | 		const form = document.getElementById('keyword-form')
324 | 		form.addEventListener('submit', startKeywordFinder)
325 | 
326 | 
327 | 		// Function to add H2 texts in textarea. 
328 | 		function addH2(event) {
329 | 			var targ = event.getAttribute('value');
330 | 
331 | 			// document.getElementById("article-editor").value += targ;
332 | 			
333 | 			// tinymce.get('.article-editor').getBody().innerHTML = `<h2>${targ}</h2>`;
334 | 			tinymce.editors[0].getBody().innerHTML += `<h2>${targ}</h2>`;
335 | 
336 | 			console.log(targ);
337 | 			return false;
338 | 		}
339 | 		
340 | 	</script>
341 | 	<!-- END of The MVP -->
342 | 
343 | </body>
344 | </html>


--------------------------------------------------------------------------------