Category: Web Development

Posted on

Markup Editors for Ubuntu

Refer: https://support.typora.io/Typora-on-Linux/

Debian/Ubuntu

# sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys BA300B7755AFCFAE
wget -qO - https://typora.io/linux/public-key.asc | sudo apt-key add -

# add Typora's repository
sudo add-apt-repository 'deb https://typora.io/linux ./'
sudo apt-get update

# install typora
sudo apt-get install typora

Upgrade

After installing Typora, the typora package will be managed by apt-get, so when your system updates installed packages, or you execute apt-get upgrade, Typora will be updated to latest version.

# upgrade all packages include Typora
sudo apt-get upgrade

Mint

# sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys BA300B7755AFCFAE
wget -qO - https://typora.io/linux/public-key.asc | sudo apt-key add -

# add Typora's repository
echo -e "\ndeb https://typora.io/linux ./" | sudo tee -a /etc/apt/sources.list
sudo apt-get update

# install typora
sudo apt-get install typora

Download deb file manually

You can also manually download and install the deb package file, following those steps:

The deb file is located at https://typora.io/linux/typora_${version}_amd64.deb, for example: https://typora.io/linux/typora_0.9.96_amd64.deb. Just downlad the deb installer at that url.

Double click the deb file to start intsall on Ubuntu / Debian.

Markt Text

Promising but it does not want you to look under the covers to see the source code easily.

Refer: https://marktext.app/

Posted on

Use sed to Replace Anchor Tags

Convert links to markdown

Refer: https://digitalsanctum.com/2020/09/10/how-to-replace-html-links-with-markdown-links/

cat anchor-tag.html | sed -r 's/<a[^>]*href="([^"]*)[^>]*>([^<]*)[^>]*>/[\2](\1)/g'

This:

Refer to this: <a href="https://mruckman.com">link</a>

Changes to This:

Refer to this: [link](https://mruckman.com)

Use this command to convert ALL href tags into underline tags, this includes mailto links

cat anchor-tag.html | sed -r 's/<a[^>]*href="([^"]*)[^>]*>([^<]*)[^>]*>/\<u\>\2\<\/u\>/g'

This:

Refer to this: <a href="https://mruckman.com">link</a>

Changes to This:

Refer to this: <u>link</u>
Posted on

Using BlueFish on Ubuntu

Currently you cannot define your own shortcuts keys, this really stinks because to join lines takes three key strokes. It does provide color coding and some extra goodies.

Configure HTML tidy, by adding extra filter settings.

Refer: http://www.gtalbot.org/linux-section/web-authoring/html-tidy/how-to-use-HTML-tidy-with-bluefish.html

Edit, Preferences, "External Filters"

|tidy -utf8 --clean yes --doctype strict --drop-font-tags yes --drop-proprietary-attributes yes --enclose-block-text yes --enclose-text yes -indent --logical-emphasis yes --output-html yes --replace-color yes --show-warnings no --wrap 1024|

Addtional Configurations for HTML Tidy

Refer: http://tidy.sourceforge.net/docs/quickref.html

Posted on

Remove favicon Requests

Refer: https://stackoverflow.com/questions/60237402/python-flask-application-duplicate-http-requests

Chrome sends an extra GET request for a favicon. Add this to the head of your html to stop this request:

<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">

Posted on

PDF to Image and Combine Two Images Together

Edit PDF Online
https://www.pdfescape.com/

Refer: https://askubuntu.com/questions/50170/how-to-convert-pdf-to-image/50180
pdftoppm input.pdf outputname -png -rx 300 -ry 300

Refer: https://askubuntu.com/questions/50170/how-to-convert-pdf-to-image

pdftoppm sbn_final_edocs_yoursuite_osq_deck10_ph_ADA.pdf outputname -png -f {page} -singlefile
Change {page} to the page number. It's indexed at 1, so -f 1 would be the first page.

pdftoppm sbn_final_edocs_yoursuite_osq_deck10_ph_ADA.pdf outputname -png -f 1 -singlefile

Convert PDF to Image File
pdftoppm sbn_final_edocs_yoursuite_osq_deck10_ph_ADA.pdf sbn_final_edocs_yoursuite_osq_deck10_ph_ADA -png -f 1 -singlefile

Combine Two Images Together for Onion Skin Review
composite -blend 50 block.png sbn_final_edocs_yoursuite_osq_deck10_ph_ADA.png sbn_final_edocs_yoursuite_osq_deck10_ph_ADA-check.png

Posted on

Installing Wine 5.0 on Ubuntu 18.04

Refer: https://itsfoss.com/wine-5-release/

Troubleshooting

Things worked much better when changing the compatibility to Windows XP.  Navigate to each *.exe and add compatibility to Windows XP.  Have done this for Dreamweaver, Fireworks, TN3270, WinSCP and Textpad

winecfg

How to install Wine 5.0 on Ubuntu and Linux Mint

If you have Wine installed before, you should remove it completely to avoid any conflict (as you wish). Also, the WineHQ key repository key was changed recently, you should refer to its download page for additional instructions on that according to your Linux distribution.

The source for Wine 5.0 is available on its official website. You can read more about building wine in order to make it work. Arch-based users should be getting it soon.

Here’ I’ll show you the steps to install Wine 5.0 on Ubuntu and other Ubuntu-based distributions.

First, remove existing Wine install with this command:

sudo apt remove winehq-stable wine-stable wine1.6

Download the official Wine repository key and add it:

wget -qO - https://dl.winehq.org/wine-builds/winehq.key | sudo apt-key add -

Now the next step involves adding the repository and for that, you need to know your Ubuntu version first.

For Ubuntu 19.10, add this repository:

sudo apt-add-repository 'deb https://dl.winehq.org/wine-builds/ubuntu/ eoan main'

If you are using Ubuntu 18.04 or Linux Mint 19.x, use this command to add the repository:

sudo apt-add-repository 'deb https://dl.winehq.org/wine-builds/ubuntu/ bionic main'

For Ubuntu 16.04 and Linux Mint 18.x series, you can use this command:

sudo apt-add-repository 'deb https://dl.winehq.org/wine-builds/ubuntu/ xenial main'

Now that you have added the correct repository, you can install Wine 5.0 using this command:

sudo apt update && sudo apt install --install-recommends winehq-stable