so before i go about writing up some *very* useful documentation on BUEditor with Acquia, i just wanted to find out if anybody inside the acquia user base is using BUEditor
i use bueditor because it is arguably the most lightweight and flexible text editor out there - much prefer it to tinymce, fckeditor and others
at any rate, i spent some time this weekend creating some simple buttons and local.css additions that let me simply select text and apply the following effects 'on the fly' with one-click bueditor buttons:
blockquote
textRed, textBlue, textGreen, textWhite (all match the exact hexidecimal color codes used in acquia marina perfectly)
spiffy rounded corner box (will take some text you write in throw it into a rounded corner box with a green background color identical to that used in the blocks - i needed this to style some items for 'content top' regions/blocks that don't always need the green)
greybox - a simple button that throws your text into a box (no border/line) with a grayish background identical to the light gray background found on primary navigation buttons - useful for 'important text' instructions on longish pages, or as section headers in stories, etc)
some other assorted buttons (bueditor accepts both html and .js def tags, so also added a very useful 'table' button that lets you build a table of any dimensions (row/height) in one click-drag and then put crap into it)
so yeah, if there's interest please let me know and i'll reply to this thread with complete documentation, screenshots and button code...
btw, i tried rounded corners using images as well - and in fact have a button that automagically inserts the correct images and all of that, but i prefer the spiffy all-css corners using math because i don't want another 4 server calls for images even if they are tiny ;) - but if you want that one too, let me know and i'll upload the corresponding 4 images and buttons (it's also green background matching the block headers just like the spiffy above, but done with images instead of all-css)
also wondering if the acquia devs have any feedback on using rounded corners in local.css - as in, how are you doing it in the theme now? does it ref images?
| Comment | File | Size | Author |
|---|---|---|---|
| #4 | roundedcornr_805461_bl.png | 223 bytes | zilla |
| #4 | roundedcornr_805461_br.png | 210 bytes | zilla |
| #4 | roundedcornr_805461_tl.png | 241 bytes | zilla |
| #4 | roundedcornr_805461_tr.png | 258 bytes | zilla |
| #1 | screen.jpg | 76.41 KB | zilla |
Comments
Comment #1
zilla commentedjust came back to attach a screenshot - also, now using the image-based rounded corners because the corner images are only 4k each! and sometimes css bugs out...btw, the 'red text' is not actually in acquia, i just found a complementary 'darkish' red to use (you can obviously change it on the fly)
Comment #2
zilla commentedjust came back to attach a screenshot - also, now using the image-based rounded corners because the corner images are only 4k each! and sometimes css bugs out...(argh, getting drupal dupes again!)
Comment #3
michelleOh, that's really nice. I use BUEditor but don't use AM at this time. I'd still love info on the rounded corners one because that could be adapted to any theme with just different colored images.
Michelle
Comment #4
zilla commentedokay, then what you're going to want to do is visit: http://www.roundedcornr.com/ - and use the box up top to generate new images and colors that perfectly match your theme (on the mac i use pipette to grab exact hexidecimals on the screen, not sure about windows) - the attached images are designed to perfectly match the green used in the block headers of acquia - may do this again for other colors in acquia like gray, blue, etc...
then go to bueditor and add this button:
for all of my other buttons, including tables, blockquotes, etc, check out: http://drupal.org/node/334109 (it's already there in a giant downloadable csv that you can rename and import or simply cut and paste)
if you're doing this with ACQUIA MARINA, then you will need to upload the attached four tiny image files AND edit the path up above to reflect where you actually put them (in my case, i use a folder called /viewicons/css - don't forget the leading '/' slash!)
Comment #5
stephthegeek commentedCool, thanks for sharing zilla!
Comment #6
zilla commentedyou're more than welcome - i'm going to be creating a few others that match the colors in the theme (rounded corners using images only to ensure correct display in IE), will repost when they're done - basically using these myself for content top and content bottom blocks (mostly top) and sometimes within admin help pages
Comment #7
prophetsearcher commentedi'd love to see the extended manual for bueditor + acquia!
Comment #8
zilla commentedsure, most of what i'm doing is already documented above - i think that bueditor is possibly the single best editor for use with drupal, but as far as acquia goes, it is *the* best editor because it is so easy to manipulate styling elements in the local css and via bueditor with one-click buttons *without* screwing up any of the hard work that acquia marina has benefited from in terms of overall styling and form...
unlike tinymce and fckeditor or imce, bueditor accepts simple jdef tag commands and html commands for formatting along with the usual text options and image insertion and all of that = but much lighter weight...
so yeah, if there are specific buttons or things you'd like to see, let me know...some of the ones i'm going to create shortly are more of the rounded corners text wraps for insert of items into text (like that green box above, but another in white, and another with just a border of blue matching the theme but with a clear background box, etc)
Comment #10
wimmera commentedWondering what further work you've done on BUEditor buttons and whether you'd be willing to export them from your configuration, zip them, and make them available for others to manipulate. Thanks!
Comment #11
cindyr commentedThanks! I use AM & BUEditor - most useful!