#HTML Code Formatting

[gagande]

PureCode AI review | The Mechanics Behind HTML Code Formatting

Behind its functioning, the HTML formatter is driven by some intriguing technology. One key aspect is that online HTML formatter tools often use JavaScript formatting libraries that employ regular expressions to parse and beautify your code.

[aeliem-art]

did you think i was done with fantasy life? SIKE HAHAHA!!!!

made these for the TH code here (base icons & lineart also here if you want em)

[thecruellestmonth]

Oddly high number of my fave fic writers rn: Man, I miss writing my amazing fic so much. Unfortunately I'm working on my doctoral thesis.

[fragilefirstchance]

Is there an actually complete guide to AO3's limited HTML somewhere? I know for a fact that some features work but only under slightly weird rules.

For example, if you're using the <a> tag to form an anchor to refer to later, you HTML will end up looking like <a name="Anchor" rel="nofollow" id="Anchor"> when it's done auto-correcting in the Preview. If you type in <a name="Anchor"> or <a name="Anchor" id="NotAnchor">, it will autocorrect to that, but if you type <a id="Anchor"> it will correct to an <a> tag whose only attribute is rel, or <a rel="nofollow">. (The rel="nofollow" attribute has no practical effect for most users' purposes.)

I know that AO3 will autocorrect any incompatible HTML to compatible HTML, but I don't know what the compatible HTML is, and the above <a name="Anchor"> example demonstrates that some things are compatible but don't look compatible unless you do them right!

This is especially confusing because the editor will autocorrect some HTML as soon as you switch from the HTML editor to the Rich Text editor - but it won't correct everything. I've attempted to do slightly funky things with styling that seemingly worked just fine in the editor, but vanish when I preview the chapter.

For example, here I am trying to use using the Greek character Ψ as a list bullet. When I originally typed it into the html field, I used the actual character Ψ. As soon as I switched to rich text and then back to html, it had autocorrected to Ψ, which is the escape character for Ψ. (For those who don't know, escape characters are a special code to tell the browser that this is NOT supposed to be code. <p> is an html tag; < p > will literally render "< p >".) So, it accepted the style attribute and the list-style-type, but it forced it into an escape character. So far so good.

Until I click preview. Now the custom bullet is gone, replaced with the standard circle. If I click edit again, the code has removed the CSS attribute that changed the bullet... and also replaced the escape character Ψ with the character Ψ.

Weird.

[hua-fei-hua]

on one hand, going through what my html sanitizer spits out to manually add stuff like classes is really fucking tedious, esp. when working with flashbacks n i have to change some html elements around n then double-check to make sure i didn't break misnest anything

however, it's still a hell of a lot better than when i'd clean up scrivener html exports entirely by hand, so begrudgingly, i put up with it

[kelasian]

cooking something devious

[howlingmoonrise]

me: i wish there was a way to download/save individual tumblr posts as a post all put together, especially in the cases where the web archive can't save the link

me, two seconds later: .........fuck. fuck. i can. probably code that myself, can't i?

[tobns]

meet me at midnight.

track four ━━ snow on the beach.

They're stopped somewhere near the top of the wheel, taking pictures of London glimmering underneath their feet when Tobin speaks up. "You're really pretty when you smile." It's a line if Christen's ever heard one, but it's said so gently and earnestly that it does the trick in making her blush. Tobin grins at the reaction. "Even prettier when you blush." "Not so bad yourself," Christen quips in response, tucking her phone into the back pocket of her jeans.  Tobin leans over, the point of her elbow poking into the side of Christen's arms. "Just alright?" she fishes. "Incandescent."

[jimmyscanongf]

ez xyfanficarchive pinned post coming soon perhaps.....

[dailydanielewski]

"Transformation never ceased to blossom beyond the threat of permanent loss." - D.A.R.K., The Familiar v3

[cesium-sheep]

the vast majority of coding is just white noise to me, even the stuff that's supposed to be super beginner friendly like drag and drop prefab interfaces. except for html. I Get html.

[babymillennial]

Every time I think I'm done making more work for myself than necessary I add a new thing to my list of ao3 workskin features and maybe that's a bad thing

[gagande]

Purecode | Leveraging JavaScript for Code Formatting

JavaScript is one of the pivotal technologies powering an HTML formatter. Online HTML formatter tools use JavaScript formatting libraries combined with regular expressions to indent your code and organize your HTML tags.

[yang4ever]

𝜗𝜚⋆₊˚ ⋅ ୨୧ 𝐼 𝐻𝒜𝒯𝐸 𝒞𝒜𝒩𝒱𝒜𝒮!!! ₊˚ʚ 🎀 ₊˚✧ﾟ

[byemc]

what’s funny is i learned a lot of html and css from a book written in 2003(?) so best practices from that time are engraved into my brain. I still use XHTML syntax because standard HTML looks wrong to me

[steakandpeanutbuttersandwiches]

Has anyone invented a tool that converts e-books into the font and spacing format of AO3? I'm unfortunately terrible at reading physical books, and also any page-by-page style e-books, but for some damn reason the infinite scrolling, precise margins, and soothing Verdana font of AO3, all work well with my ability to focus.

Wondering if there was a coded tool to just slot in an e-book and have it take the chapter titles and body text and display them as if it were an AO3 work that you've hit the button to read the full text on.