|
|
Sponsored Content
Top Forums
Web Development
New Font Awesome Icons in Quick Reply Editor
Post 303027358 by Neo on Friday 14th of December 2018 04:21:06 AM
12-14-2018
Administrator
Update.
Harmonized the QRE Font Awesome icons with the "Advanced Editor".
Also, worked on the same editor to get the font color picker to work in the AAEPE (Advanced and Edit Post Editor) (no joy yet) and to get the attachments to work in QRE (no joy yet). I think the issue is in the two different javascript files used for these two editors. Will need to look deeper into the JS code for these editors. Disabled the PHP and HTML bbcode in the advanced editor since they are mostly misused and we don't need the syntax highlighting for PHP and HTML. The basic code tags work well enough.
The main difference in the two editors are:
TODO:
EXTRA TODOs
Harmonized the QRE Font Awesome icons with the "Advanced Editor".
Also, worked on the same editor to get the font color picker to work in the AAEPE (Advanced and Edit Post Editor) (no joy yet) and to get the attachments to work in QRE (no joy yet). I think the issue is in the two different javascript files used for these two editors. Will need to look deeper into the JS code for these editors. Disabled the PHP and HTML bbcode in the advanced editor since they are mostly misused and we don't need the syntax highlighting for PHP and HTML. The basic code tags work well enough.
The main difference in the two editors are:
- Color Picker works in QRE but not in the AAEPE.
- Attachments work in the AE but not in the QRE.
- AE has post preview mode.
TODO:
- Swap the ICODE icon with the CODE gif and add new fa-terminal FA icon for ICODE.
- Replace code.gif icon with a screenshot of the new CODE icon for hints and directions.
- Maybe reorder the AAEPE icons to match the QRE order to be consistent.
- Look into fixing the conflicts or missing functions between the JS code for both editors.
EXTRA TODOs
- Create a Bootstrap modal for the editor which explains how to use the two code tags (popup information modal)
- Try to get the "upload attachment modal" I wrote to work 100% (not yet available to the site).
This User Gave Thanks to Neo For This Post:
|
|
6 More Discussions You Might Find Interesting
1. What is on Your Mind?
I was reformatting the "advanced" WYSIWYG editor with bootstrap css and while there made the post icons to be invisible by default; so if you click on the text below the editor:
Post Icons - Click to view the full list of message icons to add to your post:
... (0 Replies)
Discussion started by: Neo
0 Replies
2. What is on Your Mind?
Finally making some progress on getting rid of the 10 year old buttons with modern day fonts and icons thanks to a responsive web design tutorial by Brad Traversy who's video pointed me to Font Awesome.
The buttons and icons were pretty easy to implement but it too me a number of hours... (39 Replies)
Discussion started by: Neo
39 Replies
3. What is on Your Mind?
Hey,
There was a small bug in the Quick Editor function in postbit, but I fixed it (basically a double quote was missing from an element id):
<div id="post_message_$post" class="neo-message-area">$post</div>
Was
<div id="post_message_$post class="neo-message-area">$post</div>
Should... (1 Reply)
Discussion started by: Neo
1 Replies
4. What is on Your Mind?
Just changed the mobile site to use Font Awesome icons.
Here is the new top navbar view (unregistered users)
https://www.unix.com/members/1-albums214-picture903.jpeg (2 Replies)
Discussion started by: Neo
2 Replies
5. What is on Your Mind?
Here is an update on the site renovation:
After a lot of analysis and example programming, including testing out a number of Javascript framework and libraries, in the short term, we are getting the most bang-for-the-buck from these three basic, core tech areas:
Bootstrap (CSS and... (2 Replies)
Discussion started by: Neo
2 Replies
6. What is on Your Mind?
As promised, I have changed the CODE tag icon and the ICODE tag icon in our WYSIWYG editors to use Font Awesome.
CODE Tag = fa-code
ICODE Tag = fa-terminal
https://www.unix.com/members/1-albums215-picture966.png
The reason for this change is to continue our move toward Font Awesome... (4 Replies)
Discussion started by: Neo
4 Replies
LEARN ABOUT DEBIAN
fbdesk
fbdesk(1) WM Utils fbdesk(1) NAME
fbdesk - Icons on the desktop SYNOPSIS
fbdesk [option] OPTIONS
-display DISPLAY Connect to display. -na Do not use antialias features. -rc RESOURCE FILE Default configuration file to read is ~/.fluxbox/init Print available options. -v Print the version number. DESCRIPTION
Fbdesk is a fluxbox-util application that creates and manage icons on your Fluxbox desktop. Features implemented include: - Transparent text and icon - xpm, png, jpg, jfi, jfif, pnm, ppm, pgm, pbm, pam, tga, gif and bmp image loading - Antialias text - UTF-8 and multibyte support - Vertical text - Grid Snapping - GUI for editing command/label and add/remove icons - Fluxbox menu style ENVIRONMENT
None. FILES
The defaul configuration file is ~/.fluxbox/init whose entries: fbdesk.iconFile: filename to icon file (default: ~/.fluxbox/fbdesk.icons) fbdesk.font: icon font name (default: fixed) fbdesk.textColor: color for icon text (default: black) fbdesk.textBackground: color (default: white) fbdesk.snapX: x snap size (default: 5) fbdesk.snapY: y snap size (default: 5) fbdesk.doubleClickInterval: time interval between clicks for a double click (default: 200) fbdesk.textPlacement: placement for text around icon image (default: Bottom) fbdesk.lockPositions: bool (default: false) # Possible values for text placement: Left, Right, Top and Bottom session.styleFile: style file for menu (default: none) this one is read from ~/.fluxbox/init The Icon file format is: # this is a comment # Start of one icon entry [Deskop Entry] Icon=the image filename Name=the icon label Exec=what it executes Pos= 123 456 # position of the icon [end] # end of one icon entry An example of iconfile: [Desktop Entry] Icon=/usr/share/pixmaps/gnome-home.png Name=aterm Exec=aterm Pos= 100 100 [end] SEE ALSO
dfm(1) rox-files(1) xtdesk(1) Homepage http://fluxbox.sourceforge.net/fbdesk/ AUTHORS
Program author Henrik Kinnunen <fluxgen@users.sourceforge.net> This manual page was written by Jari Aalto <jari.aalto@cante.net> for the Debian GNU system (but may be used by others). Released under GPL v2 or any later version. fbdesk 2012-03-09 fbdesk(1)