I was thinking how wonderful something like this would be. I'm not a programmer and love Wordpress shortcodes - this could really move things forward, especially for WYSIWYG editing.

Comments

dreamleaf’s picture

Hey there, yeah I'm planning on developing it further and have been checking out some of the bootstrap/drupal integrations to see if they are covering any of the challenges faced in getting it all working.

I've considered using Bootstrap as a 'base' but not strictly verbose in the way it works, but I need to weigh up the ease of use against the amount of documentation to get people using it. If there are decent advancements in the Shortcodes module using a WYSIWYG editor to implement the shortcodes it gets half of the job done.. which is what I'm really thinking of longer term.

sonicthoughts’s picture

Thought WYSIWYG has shortcode support... Perhaps we can mention this initiative in the shortcode issue queue (I can do that if you like.) I'm more of a hobbyist than programmer, but this kind of enablement for drupal is ideal for non-programmers.

dreamleaf’s picture

Last time I checked the shortcode WYSIWYG integration exists but didn't go far enough to get the full functionality out of bootstrap.

It is possible to create a shortcode button for the editor, which simply inserts it.. but what would make it really rock would be having the predifined parameters for each shortcode ready to accept values. For a simple example, the tooltip shortcode that works already - I have had to create 4 specific shortcodes, one for each tooltip position (top, right, bottom, left) and that will be inserted. Having a single "tooltip button" where you then specify the tooltip position would make the module leaner and provide a better user experience.

Denes.Szabo’s picture

Issue summary: View changes

Do you plan to continue this module to provide more bootstrap Shortcode?

I would like to help.

dreamleaf’s picture

I would love you to help :D

I've just added popovers to the module, alongside the tooltips that have been there for quite a while. I'm really interested in getting a full project with this functionality and even further, integrated with wysiwyg abililty.

I'm primarily a frontender, so I'm constantly having to learn as I do bits and I'm a bit stumped with some of the other bootstrap elements that have more dynamic needs (modals/tabs etc).

I see you created both shortcode (top stuff) and the bootstrap theme (hero!) so you're more than welcome to get maintainer status on this project if you can push it forward quicker.

What's the best way to have a chat about how you can get involved? I'm on skype nik.hurwood or can jump in IRC if you hang there (I'm not a big irc user though)

dreamleaf’s picture

Have converted to a full project now at https://drupal.org/project/bootstrap_shortcodes

The conversion from sandbox to full went a bit screwy as I messed up the shortname and basically couldn't connect to the repository or change it... so have created the new project.

Please continue any discussion over https://drupal.org/project/bootstrap_shortcodes

drumm’s picture

Project: » Bootstrap Theme Shortcodes
Version: » 7.x-1.x-dev

I'm cleaning up this old project - moving the issue over and replacing the old project page with a redirect to the new.

sonicthoughts’s picture

I was just checking in and found WONDERFUL PROGRESS!
If you want to see something cool ... visual shortcodes and lot's of other things that are architecturally ugly, but very nice for site builders... http://themeforest.net/item/progressive-multipurpose-responsive-drupal-t...

dreamleaf’s picture

DAAAAAAAAAAAAAAMN! That is smokin!

Shame it's being released on a commercial site rather than here on D.O.

My goal here is for something similar, although I want it to work within text editors (CKEditor in D8 etc) rather than take over a text format. But the look of it is something really nice. If that were integrated with a text editor it would be fantastic.

While from a site builder perspective that approach works really well, there are way too many options for general site owners or content editors.

Really need to get that WYSIWYG & Shortcode integration working!

JurriaanRoelofs’s picture

https://www.youtube.com/watch?v=E_aLu7HAx_Y

It looks kinda cool but at the same time it hides all your content and on a long page it will be impossible to find the blocks, paragraphs etc. you want to work on.
What I think would be cool is something like this: http://doksoft.com/soft/ckeditor-bootstrap/index.html

sonicthoughts’s picture

Wow - that is also pretty cool! While extending WYSIWYG is nice, I also like the idea of text filter/display that can be used in rules, views, panels, etc.
The other thing that is nice, is you can buy a premium theme or even find something you like and create a snippet, and just use the shortcode to style.

JurriaanRoelofs’s picture

I just completed a port of a wordpress shortcodes plugin that features nearly 50 shortcodes and a complete coverage of shortcode attributes to match all bootstrap element settings.
You can heck it out here:
https://www.drupal.org/project/bs_shortcodes

dreamleaf’s picture

It kinda sucks that you'd go ahead and essentially kill my module rather than co-operate, but the benefit is for the community so I'll be shutting down this project in favour of yours.

I'll amend the description to include yours and put a notice asking if anyone thinks it's worth retaining this project. In my opinion duplication is bad, but some may not want the integration.

JurriaanRoelofs’s picture

I'm sorry you feel that way. I thought that my module might be a bit overkill for some people, since it's quiet a hefty toll on the filter API to process so many shortcodes, so people on light hosting might still prefer your module because it will be faster for them on saving nodes.

If you want to use the code in my module feel free, but I think for me the best strategy is to add ass little to the module a possible and just follow changes in the wordpress plugin from which it originates, if they add or change stuff there I can easily regenerate the Drupal module, since it's mostly built by scipts that parse the wordpress plugin and documentation.