Register - Login
Views: 99393318
 Main - Memberlist - Active users - Calendar - Wiki - IRC Chat - Online users
Ranks - Rules/FAQ - Stats - Latest Posts - Color Chart - Smilies		 04-24-22 10:24:00 AM
Jul - Meta - Post Toolbar New poll - New thread - New reply
Next newer thread | Next older thread
RanAS
Member
Level: 55


Posts: 577/844
EXP: 1286472
For next: 27717

Since: 10-10-14

From: São Paulo, Brazil

Since last post: 1 day
Last activity: 1 day
Posted on 01-21-19 03:14:11 PM Link | Quote
https://ran.netlify.com/jul/newreply

This is just a test, more changes will probably be done to it. It's supposed to be a thing where you click the button and it inserts the BBcode for you instead of someone having to manually type it in or having to look it up on the Rules/FAQ page everytime.

Shortcuts:
alt+b for bold
alt+i for italics
alt+u for underline
alt+s for strikethrough
alt+[numbers 0 to 9] for the rest

Smilies display on a table on the left (none of them have shortcuts). I might need to figure out a different background for that table though, since some themes have transparent backgrounds which make it look weird (like Pinstripe Blue, the one that I chose for testing).

Aside from that, the only other thing missing is...better icons for the buttons? I think that's it. Hopefully that's it.

____________________
"The quieter you become, the more you are able to hear." --Ram Dass
SC
Member
Level: 26


Posts: 80/182
EXP: 96683
For next: 5592

Since: 01-24-18

Pronouns: he/they
From: Park City

Since last post: 50 days
Last activity: 5 days
Posted on 01-21-19 06:32:36 PM Link | Quote
I'm really digging this so far. Hopefully it gets added to the board soon...ish?

(Also having Ctrl+Enter submit the reply/post would be nice, too.)

____________________
I don't know what to put here.
plushifoxed

King Yoshi
creepy-cute

Mood: The current mood of roxiemika at www.imood.com
Level: 119


Posts: 3859/3985
EXP: 18415907
For next: 513384

Since: 08-22-07

Pronouns: it/its or she/her
From: kamihama city

Since last post: 35 days
Last activity: 1 day
Posted on 01-22-19 05:01:14 AM Link | Quote
Roxie
oh, neat
as for toolbar icons, never hurts to go the good ol fashioned way and steal 16x16s from office 2003

____________________
Jamie
Requested (also Termingamer2-JD rereg)
Level: 29


Posts: 160/193
EXP: 143932
For next: 3953

Since: 06-03-14


Since last post: 2.8 years
Last activity: 2.8 years
Posted on 07-06-19 12:10:11 PM Link | Quote
Originally posted by Mistral
oh, neat
as for toolbar icons, never hurts to go the good ol fashioned way and steal 16x16s from office 2003

Office 2002 or some other previous version would fit with the board themes better.
InvisibleUp

Koopa
Level: 20


Posts: 22/104
EXP: 36266
For next: 6173

Since: 02-10-19

Pronouns: she/her

Since last post: 69 days
Last activity: 1 day
Posted on 07-06-19 04:53:40 PM Link | Quote
Just testing on Firefox, Alt+B and Alt+S open up the Bookmarks and History menus, respectively. I believe if you use e.preventDefault(); in your event handler then that won't happen. Also I prefer Ctrl over Alt for these sorts of things.

Otherwise, great work. Something like this would be super nice because my BBCode skillz are super rusty.

____________________
invisibleup.com
Jamie
Requested (also Termingamer2-JD rereg)
Level: 29


Posts: 173/193
EXP: 143932
For next: 3953

Since: 06-03-14


Since last post: 2.8 years
Last activity: 2.8 years
Posted on 07-09-19 07:02:48 AM Link | Quote
The button icons are shifted badly on iOS 12 for what it's worth. Functionality wise it works fine
sofi

🌠
Level: 116


Posts: 3876/4152
EXP: 17094806
For next: 229287

Since: 02-18-11

Pronouns: she/her
From: たまごっち星

Since last post: 1 day
Last activity: 9 hours
Posted on 07-09-19 07:10:36 AM Link | Quote
Originally posted by InvisibleUp
Just testing on Firefox, Alt+B and Alt+S open up the Bookmarks and History menus, respectively. I believe if you use e.preventDefault(); in your event handler then that won't happen. Also I prefer Ctrl over Alt for these sorts of things.

i have these issues too and agree.

____________________
sofi
Halian

Level: 75


Posts: 520/1473
EXP: 3718222
For next: 108682

Since: 06-20-10

Pronouns: he/him
From: Central Florida

Since last post: 137 days
Last activity: 117 days
Posted on 07-22-19 07:38:26 AM (last edited by Halian at 07-08-20 07:11:01 PM) Link | Quote
maple post-o-matic 9.3
I second the use of Office XP or older icons for the buttons, and applaud the efforts to include a shortcut bar to the reply box.

____________________
Layout by maple.
Safir Alliance
buphomet

Paragoomba
Level: 17


Posts: 60/74
EXP: 20654
For next: 4089

Since: 06-06-19

Pronouns: him/they

Since last post: 2.7 years
Last activity: 2.7 years
Posted on 07-22-19 08:10:48 AM Link | Quote
This is great. It is ultra-decent. If the code was available, someone might look at it and even possibly add the below.

===

Currently, the board supports both BBCode and HTML tags meaning it would be great if you were able to support both in the editor then have an additional function to toggle between editing in BBCode and HTML.
RanAS
Member
Level: 55


Posts: 655/844
EXP: 1286472
For next: 27717

Since: 10-10-14

From: São Paulo, Brazil

Since last post: 1 day
Last activity: 1 day
Posted on 07-23-19 08:44:36 AM Link | Quote
Originally posted by buphomet
This is great. It is ultra-decent. If the code was available, someone might look at it and even possibly add the below.

but it is. the link in the first post has a "css file" and "js file" link in it so you can already take a look at those if you want to. I think I forgot to link the html file itself though

I will see if I can get the Office XP icons for the toolbar (I wonder if they'll look good in both light and dark themes?). And also change all the Alt+ to Ctrl+. I hope e.preventDefault(); is enough to prevent the browser shortcuts from popping up.

Originally posted by buphomet
Currently, the board supports both BBCode and HTML tags meaning it would be great if you were able to support both in the editor then have an additional function to toggle between editing in BBCode and HTML.

This can be problematic, because not all BBCode tags translate nicely into just one HTML tag. It could be solved in an easy-ish and hacky way which involves saving the HTML equivalent of every BBCode tag, but then if there's any code updates to the board, this would need to be updated twice.

It's possible but kinda messy.

____________________
"The quieter you become, the more you are able to hear." --Ram Dass
buphomet

Paragoomba
Level: 17


Posts: 68/74
EXP: 20654
For next: 4089

Since: 06-06-19

Pronouns: him/they

Since last post: 2.7 years
Last activity: 2.7 years
Posted on 07-25-19 06:56:39 AM Link | Quote
Originally posted by RanAS


This can be problematic, because not all BBCode tags translate nicely into just one HTML tag. It could be solved in an easy-ish and hacky way which involves saving the HTML equivalent of every BBCode tag, but then if there's any code updates to the board, this would need to be updated twice.

It's possible but kinda messy.



Pretty sure it is possible for something to be done about this.

Anyway, let us start here. Clicking on the image and link icons should allow one to enter the alternate text that should be displayed in place of the image.

Just inserting the image or the link should work but in real sense, you want to insert the alternate text too so that the image does not get loaded onto your post making it look terrible.
Next newer thread | Next older thread
Jul - Meta - Post Toolbar New poll - New thread - New reply


Rusted Logic
Acmlmboard - commit 47be4dc [2021-08-23]
©2000-2022 Acmlm, Xkeeper, Kaito Sinclaire, et al.

32 database queries, 2 query cache hits.
Query execution time:  0.081258 seconds
Script execution time:  0.022307 seconds
Total render time:  0.103565 seconds


TidyHTML vomit below
line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 2 column 301 - Warning: unescaped & or unknown entity "&page"
line 119 column 11 - Warning: <form> isn't allowed in <table> elements
line 118 column 10 - Info: <table> previously mentioned
line 120 column 11 - Warning: missing <tr>
line 120 column 119 - Warning: missing </font> before </td>
line 124 column 16 - Warning: plain text isn't allowed in <tr> elements
line 120 column 11 - Info: <tr> previously mentioned
line 125 column 68 - Warning: missing </nobr> before </td>
line 141 column 68 - Warning: missing </nobr> before <tr>
line 147 column 35 - Warning: missing <tr>
line 147 column 50 - Warning: missing </font> before </td>
line 148 column 37 - Warning: unescaped & or unknown entity "&id"
line 147 column 165 - Warning: missing </font> before </table>
line 149 column 35 - Warning: missing <tr>
line 149 column 50 - Warning: missing </font> before </td>
line 149 column 91 - Warning: missing </font> before </table>
line 156 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 158 column 9 - Warning: missing <tr>
line 176 column 13 - Warning: missing <tr>
line 177 column 102 - Warning: unescaped & or unknown entity "&postid"
line 179 column 74 - Warning: <style> isn't allowed in <td> elements
line 179 column 9 - Info: <td> previously mentioned
line 195 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 197 column 9 - Warning: missing <tr>
line 215 column 13 - Warning: missing <tr>
line 216 column 102 - Warning: unescaped & or unknown entity "&postid"
line 218 column 74 - Warning: <style> isn't allowed in <td> elements
line 218 column 9 - Info: <td> previously mentioned
line 218 column 695 - Warning: missing </div>
line 224 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 226 column 9 - Warning: missing <tr>
line 244 column 13 - Warning: missing <tr>
line 245 column 102 - Warning: unescaped & or unknown entity "&postid"
line 247 column 74 - Warning: <style> isn't allowed in <td> elements
line 247 column 9 - Info: <td> previously mentioned
line 251 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 253 column 9 - Warning: missing <tr>
line 271 column 13 - Warning: missing <tr>
line 272 column 102 - Warning: unescaped & or unknown entity "&postid"
line 279 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 281 column 9 - Warning: missing <tr>
line 299 column 13 - Warning: missing <tr>
line 300 column 102 - Warning: unescaped & or unknown entity "&postid"
line 302 column 74 - Warning: <style> isn't allowed in <td> elements
line 302 column 9 - Info: <td> previously mentioned
line 304 column 1435 - Warning: discarding unexpected </a>
line 307 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 309 column 9 - Warning: missing <tr>
line 327 column 13 - Warning: missing <tr>
line 328 column 102 - Warning: unescaped & or unknown entity "&postid"
line 333 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 335 column 9 - Warning: missing <tr>
line 353 column 13 - Warning: missing <tr>
line 354 column 102 - Warning: unescaped & or unknown entity "&postid"
line 356 column 74 - Warning: <style> isn't allowed in <td> elements
line 356 column 9 - Info: <td> previously mentioned
line 360 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 362 column 9 - Warning: missing <tr>
line 380 column 13 - Warning: missing <tr>
line 381 column 102 - Warning: unescaped & or unknown entity "&postid"
line 383 column 74 - Warning: <style> isn't allowed in <td> elements
line 383 column 9 - Info: <td> previously mentioned
line 387 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 389 column 9 - Warning: missing <tr>
line 407 column 13 - Warning: missing <tr>
line 408 column 102 - Warning: unescaped & or unknown entity "&postid"
line 419 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 421 column 9 - Warning: missing <tr>
line 439 column 13 - Warning: missing <tr>
line 440 column 102 - Warning: unescaped & or unknown entity "&postid"
line 442 column 74 - Warning: <style> isn't allowed in <td> elements
line 442 column 9 - Info: <td> previously mentioned
line 453 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 455 column 9 - Warning: missing <tr>
line 473 column 13 - Warning: missing <tr>
line 474 column 102 - Warning: unescaped & or unknown entity "&postid"
line 491 column 17 - Warning: missing <tr>
line 491 column 17 - Warning: discarding unexpected <table>
line 494 column 35 - Warning: missing <tr>
line 494 column 50 - Warning: missing </font> before </td>
line 494 column 91 - Warning: missing </font> before </table>
line 496 column 35 - Warning: missing <tr>
line 496 column 50 - Warning: missing </font> before </td>
line 497 column 37 - Warning: unescaped & or unknown entity "&id"
line 496 column 165 - Warning: missing </font> before </table>
line 498 column 17 - Warning: discarding unexpected </textarea>
line 498 column 28 - Warning: discarding unexpected </form>
line 498 column 35 - Warning: discarding unexpected </embed>
line 498 column 43 - Warning: discarding unexpected </noembed>
line 498 column 53 - Warning: discarding unexpected </noscript>
line 498 column 64 - Warning: discarding unexpected </noembed>
line 498 column 74 - Warning: discarding unexpected </embed>
line 498 column 82 - Warning: discarding unexpected </table>
line 498 column 90 - Warning: discarding unexpected </table>
line 500 column 9 - Warning: missing </font> before <table>
line 512 column 25 - Warning: discarding unexpected </font>
line 521 column 57 - Warning: discarding unexpected </font>
line 499 column 1 - Warning: missing </center>
line 120 column 63 - Warning: <img> lacks "alt" attribute
line 125 column 19 - Warning: <td> attribute "width" has invalid value "120px"
line 125 column 93 - Warning: <img> lacks "alt" attribute
line 141 column 19 - Warning: <td> attribute "width" has invalid value "120px"
line 141 column 98 - Warning: <img> lacks "alt" attribute
line 148 column 44 - Warning: <img> proprietary attribute value "absmiddle"
line 148 column 142 - Warning: <img> proprietary attribute value "absmiddle"
line 148 column 246 - Warning: <img> proprietary attribute value "absmiddle"
line 161 column 22 - Warning: <img> lacks "alt" attribute
line 161 column 63 - Warning: <img> lacks "alt" attribute
line 161 column 112 - Warning: <img> lacks "alt" attribute
line 161 column 162 - Warning: <img> lacks "alt" attribute
line 162 column 11 - Warning: <img> lacks "alt" attribute
line 172 column 15 - Warning: <img> lacks "alt" attribute
line 192 column 4087 - Warning: <img> lacks "alt" attribute
line 200 column 22 - Warning: <img> lacks "alt" attribute
line 200 column 63 - Warning: <img> lacks "alt" attribute
line 200 column 112 - Warning: <img> lacks "alt" attribute
line 200 column 162 - Warning: <img> lacks "alt" attribute
line 201 column 11 - Warning: <img> lacks "alt" attribute
line 211 column 15 - Warning: <img> lacks "alt" attribute
line 228 column 11 - Warning: <img> lacks "alt" attribute
line 229 column 23 - Warning: <img> lacks "alt" attribute
line 229 column 64 - Warning: <img> lacks "alt" attribute
line 229 column 112 - Warning: <img> lacks "alt" attribute
line 229 column 162 - Warning: <img> lacks "alt" attribute
line 230 column 11 - Warning: <img> lacks "alt" attribute
line 240 column 15 - Warning: <img> lacks "alt" attribute
line 248 column 975 - Warning: <img> proprietary attribute value "absmiddle"
line 248 column 975 - Warning: <img> lacks "alt" attribute
line 256 column 22 - Warning: <img> lacks "alt" attribute
line 256 column 63 - Warning: <img> lacks "alt" attribute
line 256 column 112 - Warning: <img> lacks "alt" attribute
line 256 column 162 - Warning: <img> lacks "alt" attribute
line 267 column 15 - Warning: <img> lacks "alt" attribute
line 275 column 262 - Warning: <img> proprietary attribute value "absmiddle"
line 275 column 262 - Warning: <img> lacks "alt" attribute
line 276 column 417 - Warning: <img> proprietary attribute value "absmiddle"
line 276 column 417 - Warning: <img> lacks "alt" attribute
line 283 column 11 - Warning: <img> lacks "alt" attribute
line 284 column 22 - Warning: <img> lacks "alt" attribute
line 284 column 63 - Warning: <img> lacks "alt" attribute
line 284 column 111 - Warning: <img> lacks "alt" attribute
line 284 column 161 - Warning: <img> lacks "alt" attribute
line 285 column 11 - Warning: <img> lacks "alt" attribute
line 295 column 15 - Warning: <img> lacks "alt" attribute
line 312 column 22 - Warning: <img> lacks "alt" attribute
line 312 column 63 - Warning: <img> lacks "alt" attribute
line 312 column 112 - Warning: <img> lacks "alt" attribute
line 312 column 162 - Warning: <img> lacks "alt" attribute
line 323 column 15 - Warning: <img> lacks "alt" attribute
line 330 column 173 - Warning: <img> proprietary attribute value "absmiddle"
line 330 column 173 - Warning: <img> lacks "alt" attribute
line 337 column 11 - Warning: <img> lacks "alt" attribute
line 338 column 23 - Warning: <img> lacks "alt" attribute
line 338 column 64 - Warning: <img> lacks "alt" attribute
line 338 column 113 - Warning: <img> lacks "alt" attribute
line 338 column 163 - Warning: <img> lacks "alt" attribute
line 339 column 11 - Warning: <img> lacks "alt" attribute
line 349 column 15 - Warning: <img> lacks "alt" attribute
line 365 column 22 - Warning: <img> lacks "alt" attribute
line 365 column 63 - Warning: <img> lacks "alt" attribute
line 365 column 112 - Warning: <img> lacks "alt" attribute
line 365 column 162 - Warning: <img> lacks "alt" attribute
line 366 column 11 - Warning: <img> lacks "alt" attribute
line 376 column 15 - Warning: <img> lacks "alt" attribute
line 391 column 11 - Warning: <img> lacks "alt" attribute
line 392 column 22 - Warning: <img> lacks "alt" attribute
line 392 column 63 - Warning: <img> lacks "alt" attribute
line 392 column 111 - Warning: <img> lacks "alt" attribute
line 392 column 161 - Warning: <img> lacks "alt" attribute
line 393 column 11 - Warning: <img> lacks "alt" attribute
line 403 column 15 - Warning: <img> lacks "alt" attribute
line 424 column 22 - Warning: <img> lacks "alt" attribute
line 424 column 63 - Warning: <img> lacks "alt" attribute
line 424 column 112 - Warning: <img> lacks "alt" attribute
line 424 column 162 - Warning: <img> lacks "alt" attribute
line 425 column 11 - Warning: <img> lacks "alt" attribute
line 435 column 15 - Warning: <img> lacks "alt" attribute
line 450 column 4504 - Warning: <img> lacks "alt" attribute
line 457 column 11 - Warning: <img> lacks "alt" attribute
line 458 column 22 - Warning: <img> lacks "alt" attribute
line 458 column 63 - Warning: <img> lacks "alt" attribute
line 458 column 111 - Warning: <img> lacks "alt" attribute
line 458 column 161 - Warning: <img> lacks "alt" attribute
line 459 column 11 - Warning: <img> lacks "alt" attribute
line 469 column 15 - Warning: <img> lacks "alt" attribute
line 497 column 44 - Warning: <img> proprietary attribute value "absmiddle"
line 497 column 142 - Warning: <img> proprietary attribute value "absmiddle"
line 497 column 246 - Warning: <img> proprietary attribute value "absmiddle"
line 506 column 25 - Warning: <img> lacks "alt" attribute
line 511 column 267 - Warning: <img> lacks "alt" attribute
line 149 column 50 - Warning: trimming empty <font>
line 491 column 17 - Warning: trimming empty <tr>
line 494 column 50 - Warning: trimming empty <font>
line 125 column 68 - Warning: <nobr> is not approved by W3C
line 141 column 68 - Warning: <nobr> is not approved by W3C
line 177 column 27 - Warning: <nobr> is not approved by W3C
line 216 column 27 - Warning: <nobr> is not approved by W3C
line 245 column 27 - Warning: <nobr> is not approved by W3C
line 272 column 27 - Warning: <nobr> is not approved by W3C
line 300 column 27 - Warning: <nobr> is not approved by W3C
line 328 column 27 - Warning: <nobr> is not approved by W3C
line 354 column 27 - Warning: <nobr> is not approved by W3C
line 381 column 27 - Warning: <nobr> is not approved by W3C
line 408 column 27 - Warning: <nobr> is not approved by W3C
line 440 column 27 - Warning: <nobr> is not approved by W3C
line 474 column 27 - Warning: <nobr> is not approved by W3C
Info: Document content looks like HTML5
Info: No system identifier in emitted doctype
Tidy found 198 warnings and 0 errors!


The alt attribute should be used to give a short description
of an image; longer descriptions should be given with the
longdesc attribute which takes a URL linked to the description.
These measures are needed for people using non-graphical browsers.

For further advice on how to make your pages accessible
see http://www.w3.org/WAI/GL.
You are recommended to use CSS to specify the font and
properties such as its size and color. This will reduce
the size of HTML files and make them easier to maintain
compared with using <FONT> elements.

You are recommended to use CSS to control line wrapping.
Use "white-space: nowrap" to inhibit wrapping in place
of inserting <NOBR>...</NOBR> into the markup.

About HTML Tidy: https://github.com/htacg/tidy-html5
Bug reports and comments: https://github.com/htacg/tidy-html5/issues
Official mailing list: https://lists.w3.org/Archives/Public/public-htacg/
Latest HTML specification: http://dev.w3.org/html5/spec-author-view/
Validate your HTML documents: http://validator.w3.org/nu/
Lobby your company to join the W3C: http://www.w3.org/Consortium

Do you speak a language other than English, or a different variant of
English? Consider helping us to localize HTML Tidy. For details please see
https://github.com/htacg/tidy-html5/blob/master/README/LOCALIZE.md