Looking best wysiwyg html editor for free |
Looking best wysiwyg html editor for free |
calmabubbasst |
Apr 4 2024, 12:41 PM
Post
#1
|
Member Group: Members Posts: 48 Joined: 20-July 22 Member No.: 28,449 |
Hi folks
usually I use Microsoft office share point designer 2007 in order to play with my web sites html files, unfortunately the preview isnt good and i'll love to change software with ones who give to me a real "wysiwyg". What software could you suggest to me to reach that? ^__^ |
pandy |
Apr 4 2024, 05:14 PM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,766 Joined: 9-August 06 Member No.: 6 |
A browser. Preferably several. Just save the page and update in the browser as you go.
I'm not familiar with SharePoint, but Office programs are generally not good at generating web pages. |
calmabubbasst |
Apr 5 2024, 01:58 AM
Post
#3
|
Member Group: Members Posts: 48 Joined: 20-July 22 Member No.: 28,449 |
A browser. Preferably several. Just save the page and update in the browser as you go. I'm not familiar with SharePoint, but Office programs are generally not good at generating web pages. I would like a "wysiwyg" to speed up, in fact now ... - I'll make a change - I save the file (but first I move the mouse from above the file or it says it's busy) - now I drag the file online with Filezilla - I confirm overwriting - I refresh the page - F5 - and check if the change is ok and move on to the next change... Instead with a "wysiwyg" I could / would like to immediately see the change applied and have the code alongside, therefore and bring it online only at the end Which "wysiwyg" do you recommend? |
Christian J |
Apr 5 2024, 10:36 AM
Post
#4
|
. Group: WDG Moderators Posts: 9,743 Joined: 10-August 06 Member No.: 7 |
I would like a "wysiwyg" to speed up, in fact now ... - I'll make a change - I save the file (but first I move the mouse from above the file or it says it's busy) - now I drag the file online with Filezilla - I confirm overwriting - I refresh the page - F5 - and check if the change is ok and move on to the next change... Instead with a "wysiwyg" I could / would like to immediately see the change applied and have the code alongside, therefore and bring it online only at the end With Filezilla you can also right-click on a file at the remote site, choose View/Edit and make changes, then save the file online directly without first having to download and upload it manually. At least a little faster, but you still need to refresh your browser to see the changes. But I would always double-check in real browsers even if I used a WYSIWYG, you can't trust those programs. QUOTE Which "wysiwyg" do you recommend? Alas I can't recommend any of them either, I don't even know what is available these days. |
pandy |
Apr 5 2024, 11:32 AM
Post
#5
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,766 Joined: 9-August 06 Member No.: 6 |
Or you edit a local copy, upload it and let it overwrite the online file.
WYSIWYG is one thing. Preview is another. You said you didn't like the preview. |
calmabubbasst |
Apr 21 2024, 04:54 AM
Post
#6
|
Member Group: Members Posts: 48 Joined: 20-July 22 Member No.: 28,449 |
I would like a "wysiwyg" to speed up, in fact now ... - I'll make a change - I save the file (but first I move the mouse from above the file or it says it's busy) - now I drag the file online with Filezilla - I confirm overwriting - I refresh the page - F5 - and check if the change is ok and move on to the next change... Instead with a "wysiwyg" I could / would like to immediately see the change applied and have the code alongside, therefore and bring it online only at the end With Filezilla you can also right-click on a file at the remote site, choose View/Edit and make changes, then save the file online directly without first having to download and upload it manually. At least a little faster, but you still need to refresh your browser to see the changes. But I would always double-check in real browsers even if I used a WYSIWYG, you can't trust those programs. ... that could be interesting for me ... but ... how? I cant be able find "View/Edit" command ... maybe I have to change some general setting??? |
calmabubbasst |
Apr 21 2024, 05:02 AM
Post
#7
|
Member Group: Members Posts: 48 Joined: 20-July 22 Member No.: 28,449 |
Or you edit a local copy, upload it and let it overwrite the online file. that's what i do now ... but too booring to me ;-P WYSIWYG is one thing. Preview is another. You said you didn't like the preview. ... no ... pardon my bad english No I'd like the preview - what i'll want it's have a REAL PREVIEW before load it in-line ... are'nt that WYSIWYG? |
Jason Knight |
Apr 21 2024, 06:18 AM
Post
#8
|
Advanced Member Group: Members Posts: 109 Joined: 25-December 22 Member No.: 28,719 |
"Best" and "WYSIWYG" do not even belong in the same sentence. They are nonsensical garbage that lulls people into THINKING they can make a website. The results are ALWAYS broken incompetent inaccessible trash that tells large swaths of users to go F*** themselves!
The very CONCEPT of it is as bass wackard as the fraudsters who call themselves "designers" when all they know how to do is spank their crank in Photoshop or Figma. Treating design as if it is art to the exclusion of all other concepts. They're artists, not designers and the fact they start out with appearance is 99% of why they're bunko peddling fools... preying upon ignorance and wishful thinking. Design is engineering that incorporates art as one if its many facets. Far more important are specifications, guidelines, UX, accessibility, and dozens of other things WYWIWYGS, paint programs like Photoshop, wireframes like Figma, and all the other hoodoo-voodoo flips the bird at. Content dictates markup. Content + markup + device and user limitations dictate markup, THEN do your paint-over (which these days doesn't even involved paint programs! Thanks CSS3!) 1) Start out with content of value or a reasonable facsimile of future content in a flat text editor as if HTML doesn't even exist. Put it in an order that makes sense. 2) Mark it up to say what things ARE... structurally, grammatically, as per professional writing conventions. If you choose ANY of your HTML at this point based on what you want things to look like? Then you've failed to divine HMTL's purpose and entire reason for existing! 3) Bend that markup to your will to create the screen media desktop layout using CSS. Add classes, id's, and semantically neutral containers like DIV and SPAN only as absolutely needed, and in the case of classes and ID's ONLY to say what things are or why they might receive some sort of style, NOT WHAT THAT STYLE IS! If you can't come up with a class that explains WHY it might get "some" style, or there's no corresponding HTML tag that says WHAT it is, not what you want it to look like? Then you probably shouldn't be styling it.... Which is why bootcrap and failwind are ignorant incompetent garbage monuments to the HTML 3.2 / 4 Tranny mindset! 4) Narrow the window until the layout breaks. If you did your job stuff like flex-wrap or natural page flow will have handled 80%+ of this, since a quality layout should be semi-fluid (has a max width) and elastic (designed in EM/REM NOT PX!!!). But for the remainder throw media queries at it to strip off columnar behavior and resize elements. 5) repeat step 4 until you're down to around 16em. It's called progressive enhancement, and it's how you build gracefully degrading accessible layouts. As opposed to dicking around dragging and dropping stuff about in utter ignorance of the fact that what you see is not what everyone else gets. As to preview/testing, that's what browsers are for. You can test most files locally after all... and most things you can't it's no big deal to install something like XAMPP. And don't forget to not just test in one browser, test in multiple engines! Remember that gecko, blink, and webkit all handle rendering differently... which is another reason trusting whatever junk browser fork they use in a WYSIWYG is foolish. This post has been edited by Jason Knight: Apr 21 2024, 06:21 AM |
Christian J |
Apr 21 2024, 06:42 AM
Post
#9
|
. Group: WDG Moderators Posts: 9,743 Joined: 10-August 06 Member No.: 7 |
|
calmabubbasst |
Apr 21 2024, 07:33 AM
Post
#10
|
Member Group: Members Posts: 48 Joined: 20-July 22 Member No.: 28,449 |
that could be interesting for me ... but ... how? I cant be able find "View/Edit" command ... maybe I have to change some general setting??? In your screenshot it seems to be called "Visualizza / modifica". Yes is it but ... dont work ... it tell me "tranfert OK" but nothing happend .. no 1 transfer, no 1 files opened in Sharepoint (the editor i've selected) |
calmabubbasst |
Apr 21 2024, 07:49 AM
Post
#11
|
Member Group: Members Posts: 48 Joined: 20-July 22 Member No.: 28,449 |
"Best" and "WYSIWYG" do not even belong in the same sentence. They are nonsensical garbage that lulls people into THINKING they can make a website. The results are ALWAYS broken incompetent inaccessible trash that tells large swaths of users to go F*** themselves! The very CONCEPT of it is as bass wackard as the fraudsters who call themselves "designers" when all they know how to do is spank their crank in Photoshop or Figma. Treating design as if it is art to the exclusion of all other concepts. They're artists, not designers and the fact they start out with appearance is 99% of why they're bunko peddling fools... preying upon ignorance and wishful thinking. Design is engineering that incorporates art as one if its many facets. Far more important are specifications, guidelines, UX, accessibility, and dozens of other things WYWIWYGS, paint programs like Photoshop, wireframes like Figma, and all the other hoodoo-voodoo flips the bird at. Content dictates markup. Content + markup + device and user limitations dictate markup, THEN do your paint-over (which these days doesn't even involved paint programs! Thanks CSS3!) 1) Start out with content of value or a reasonable facsimile of future content in a flat text editor as if HTML doesn't even exist. Put it in an order that makes sense. 2) Mark it up to say what things ARE... structurally, grammatically, as per professional writing conventions. If you choose ANY of your HTML at this point based on what you want things to look like? Then you've failed to divine HMTL's purpose and entire reason for existing! 3) Bend that markup to your will to create the screen media desktop layout using CSS. Add classes, id's, and semantically neutral containers like DIV and SPAN only as absolutely needed, and in the case of classes and ID's ONLY to say what things are or why they might receive some sort of style, NOT WHAT THAT STYLE IS! If you can't come up with a class that explains WHY it might get "some" style, or there's no corresponding HTML tag that says WHAT it is, not what you want it to look like? Then you probably shouldn't be styling it.... Which is why bootcrap and failwind are ignorant incompetent garbage monuments to the HTML 3.2 / 4 Tranny mindset! 4) Narrow the window until the layout breaks. If you did your job stuff like flex-wrap or natural page flow will have handled 80%+ of this, since a quality layout should be semi-fluid (has a max width) and elastic (designed in EM/REM NOT PX!!!). But for the remainder throw media queries at it to strip off columnar behavior and resize elements. 5) repeat step 4 until you're down to around 16em. It's called progressive enhancement, and it's how you build gracefully degrading accessible layouts. As opposed to dicking around dragging and dropping stuff about in utter ignorance of the fact that what you see is not what everyone else gets. As to preview/testing, that's what browsers are for. You can test most files locally after all... and most things you can't it's no big deal to install something like XAMPP. And don't forget to not just test in one browser, test in multiple engines! Remember that gecko, blink, and webkit all handle rendering differently... which is another reason trusting whatever junk browser fork they use in a WYSIWYG is foolish. half of the things you wrote to me are incomprehensible to me, not your fault, unfortunately my fault I think you condemn me to eternal damnation... but you're right, it's difficult to do things without knowing how to do them |
Christian J |
Apr 21 2024, 08:58 AM
Post
#12
|
. Group: WDG Moderators Posts: 9,743 Joined: 10-August 06 Member No.: 7 |
|
nootkan |
Jul 10 2024, 12:01 PM
Post
#13
|
Member Group: Members Posts: 38 Joined: 16-July 21 Member No.: 28,016 |
You might want to check out Publii (free) which is a stand alone program you install on your computer. It does have some limitations but seems to work quite well for website creation.
This post has been edited by nootkan: Jul 10 2024, 12:02 PM |
pandy |
Jul 10 2024, 06:31 PM
Post
#14
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,766 Joined: 9-August 06 Member No.: 6 |
This thread is confusing.
WYSIWYG usually means you don't write code or markup. It's similar to a word processor. You type something, select it and choose to make it larger and red and to use a specific font. You drag chunks of text and images around and the program generates a shitload of messy markup and CSS in the background. Preview is more that you see the HTML you wrote rendered in a browser-like thing. Why not edit a local copy? Load it in a browser. Edit some more. Save, ALT+Tab to the browser and hit F5 to refresh the view. If it's just HTML, that is. If you have something server side going on this wouldn't work. I get you want to see the preview change in real time as you type. But I doubt there is something out there that can do that. One reason of course is that there's no point in updating the preview in real time if you type HTML and CSS and not only text. Because before you have completed for instance a CSS rule all you have is a style sheet with messed up syntax that would just break the page. You must tell the thingamajig when you have finished your edit. For instance by saving. |
Lo-Fi Version | Time is now: 6th December 2024 - 05:56 AM |