[ASK] Html editor for dummies (like me)

GuiltyConscience

Active member
Apr 8, 2020
163
53
28
somewhere in Canada
Hello everyone!,
For a long time I paid a subscription to this site https://wordtohtml.net/ in order to be able to easily convert from word to html.
It was a simple and effective way to be able to create my email signatures, make some minors changes on my website etc... while seeing the html code live. (to help me and get started)

1586711507396.png

... except that with the current crisis ... I'm trying to save as little as possible ...
Can someone offer me something that could be compared? I have dreamweaver ... and I am not able to do anything with it.

Let me know if you know an intuitive tool like that please!
 
Nov 18, 2019
32
29
18
Wordpress has a WYSIWYG (tech speak for What You See Is What You Get) post creator that you can click from "normal type" mode to HTML. Not used for a while but I think it works that way. One of the guys will be able to confirm
 

GuiltyConscience

Active member
Apr 8, 2020
163
53
28
somewhere in Canada
Wordpress has a WYSIWYG (tech speak for What You See Is What You Get) post creator that you can click from "normal type" mode to HTML. Not used for a while but I think it works that way. One of the guys will be able to confirm
Yes I know, but it completely distorts the code.
Line spacing becomes double space etc.

As example this simple signature:
1587321857781.png

The code behind is:

HTML:
<p style="color: #222222; font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: small; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: uppercase; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff;">&nbsp;</p>
<table style="width: 431px; font-size: 9pt; font-family: Arial, sans-serif; line-height: normal; height: 354px;" cellspacing="0" cellpadding="0">
<tbody>
<tr style="height: 66px;">
<td style="font-size: 12pt; font-family: Arial, sans-serif; color: #ff6000; padding-bottom: 6px; width: 227px; height: 66px;"><span style="font-size: 16pt; font-family: Roboto, sans-serif;"><span style="color: #ff0000;"><strong>NAME LAST NAME</strong></span><br /></span><span style="font-family: Roboto, sans-serif; color: #878787; font-size: 11pt;"><span style="font-family: Roboto, sans-serif; color: #4d148c;"><span style="color: #000000;">TITLE<br /></span><br /></span></span></td>
<td style="width: 198px; padding-bottom: 6px; text-align: right; height: 66px;"><a href="https://www.fiasko.ca/" target="_blank"><img style="width: 198px; height: 106px; border-width: 0px; border-color: initial; border-image: initial; display: block; margin-left: auto; margin-right: auto;" src="https://myfiles.space/user_files/31046_e9e39025a7816249/31046_custom_files/img1587321577.png" alt="FIASKO - logo" height="36" border="0" /></a></td>
</tr>
<tr style="height: 17px;">
<td style="width: 427px; border-top: 1px solid #FF0000; height: 17px;" colspan="2">&nbsp;</td>
</tr>
<tr style="height: 15px;">
<td style="font-size: 10pt; font-family: Roboto, sans-serif; font-weight: bold; color: #010203; width: 427px; height: 15px;" colspan="2"><span style="color: #ff0000;"><strong>COMPANY NAME</strong></span></td>
</tr>
<tr style="height: 15px;">
<td style="font-size: 11pt; font-family: Roboto, sans-serif; color: #010203; width: 427px; height: 15px;" colspan="2">Address: 1234 street, town, state, countrie</td>
</tr>
<tr style="height: 15px;">
<td style="font-size: 11pt; font-family: Roboto, sans-serif; color: #010203; width: 427px; height: 15px;" colspan="2"><span style="font-family: Roboto, sans-serif; color: #010203;">Phone: 111 222-3344</span></td>
</tr>
<tr style="height: 15px;">
<td style="font-size: 11pt; font-family: Roboto, sans-serif; color: #010203; width: 427px; height: 15px;" colspan="2"><span style="font-family: Roboto, sans-serif; color: #010203;">Email: [email protected]</span></td>
</tr>
<tr style="height: 17px;">
<td style="width: 427px; height: 17px;" colspan="2">&nbsp;</td>
</tr>
<tr style="height: 15px;">
<td style="font-size: 11pt; font-family: Roboto, sans-serif; font-weight: bold; color: #ff6000; width: 227px; height: 15px;"><span style="color: #ff0000;"><strong><span style="display: inline-block; height: 15px; font-family: Arial, sans-serif; font-size: 9pt;"><a style="text-decoration: none; color: #ff0000;" href="https://www.example.com/" target="_blank">www.example.com</a></span></strong></span></td>
<td style="width: 198px; height: 15px; text-align: center;"><span style="display: inline-block; height: 15px;"><a href="https://www.facebook.com/exampledotcom/" target="_blank"><span style="color: #3366ff;"><strong>FB</strong></span></a>&nbsp; &nbsp; &nbsp;<span style="color: #ff0000;"><a style="color: #ff0000;" href="https://www.instagram.com/exampledotcom/" target="_blank"><strong>IG</strong></a></span></span></td>
</tr>
<tr style="height: 17px;">
<td style="width: 427px; border-top: 1px solid #FF0000; height: 17px;" colspan="2">&nbsp;</td>
</tr>
</tbody>
</table>
<p><br /><br /></p>

If i try with the wordpress editor the rendering is completly strange (each line height is like 2x the normal one)
 

About us

  • Our community has been around for many years and pride ourselves on offering unbiased, critical discussion among people of all different backgrounds. We are working every day to make sure our community is one of the best.

Quick Navigation

User Menu