Thursday, April 14, 2016
Blogger Permalink Fixer Firebase App with Clipboard JS
April 14, 2016
beginner
,
blogger permalink fixer
,
bootstrap dashboard app
,
clipboard js
,
copy to clipboard button click
,
easy
,
firebase
,
full project
,
hosted app
,
html5
,
jquery
,
online app
,
replace space dash async
,
tutorial
,
web
Instructions:
1.Install nodejs on your system. Run http-server on command line in the directory of the index.html2.Easiest hosting solution is firebase. It can be deployed on other solutions too.
Live App Link:
https://blogger-tools.firebaseapp.com/Get the Code Here:
https://github.com/quickgrid/blogger-permalink-fixerScreenshot:
What it does:
Blogger post links are auto generated with post title truncated to certain length. If we want the full post text as link there is option for custom permalink. But the problem is blogger gives error if there are space in the custom permalink and it is very hard to edit in the small search box.This tool automates the process by asynchronously creating the post title to a custom permalink after pasting in the search box.
It is also possible to get the fixed permalink in clipboard using a single click on copy button. Using some simple code clipboardjs library takes care of all the work. It is possible to modify the code to make other simple text manipulation solutions.
Code:
All other files are support files with little to no changes. I recommend watching my Github API PDF Find App and Google Charts Uhunt API tutorial series to understand the file structure of the project. Many of the files are not used, delete them to decrease the project size.
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment