I am wanting to develop some VERY simple tpl.php files. I would like to just open a WYSIWYG and edit them quickly, outputting the html that I can then copy-n-paste into the specific tpl.php files for my custom theme.

I know that I could do this in Dreamweaver or similar application.

I'm looking for a free service, online app, etc. I'm hoping that I am NOT the only person that would like to do this and someone else has figured out a quick way to do this.

I would rather avoid building this non-visually, strictly in code. It would be nice to move some objects around on a screen, maybe adjust some CSS properties visually, and then, when I am done -> Dump to code. Copy-n-paste. Modify for Drupal variables. Go.

Anyone have a suggestion?

  • Well, you can use Dreamweaver to develop for Drupal all right. There are free tools and configuration sets to make it easier, easy to find. – Mołot May 22 '13 at 12:52
  • Since the question is asking for online resources, I would say it is off-topic as per FAQ. – kiamlaluno May 22 '13 at 13:05
  • 3
    Sounds like you're looking for a "Drupal template GUI" - such a thing doesn't exist unfortunately. You might be able to fudge a Dreamweaver extension together (although Dreamweaver is evil, and must be stopped before it's too late). Other than that you're at the mercy of xyz HTML GUI that can be customised to think like Drupal. Such a thing would be a large technical challenge to even conceive, let alone build, so I think you're out of luck here – Clive May 22 '13 at 13:09
  • So there isn't a simple html gui editor? – randomblink May 22 '13 at 13:17
  • @kiamlaluno I am not looking for online resources... I am looking for anything that would make simple tpl.php file editing easier, faster and less code-based. I'm also confused as heck as to why I lost reputation on this question?! I wasn't rude, I was direct and (I thought) clear in my question. I am so confused... – randomblink May 22 '13 at 13:27

Learning to design something by code might be a bit daunting at first, however it is possible to view a themes' regions in Drupal which makes life much easier when you know what the dimensions are (and can test responsive design if you resize your window or use a bookmarklet of some javascript or better yet use the Web Developer extensions that all good browsers have).

Drupal Gardens explains a bit about Regions, I believe they also have a decent Theme Builder: http://www.drupalgardens.com/documentation/themebuilder/regions http://www.drupalgardens.com/themebuilder

Anyway, I came across Light Table a while back which can help when you're writing some JavaScript for a HTML5 Canvas animation, as the IDE allows you to view the changes almost instantly (after you press the shortcut to run the code): http://www.lighttable.com/

However I've not used it with a Drupal site, so I'm not sure if it'd work well.

There were others I've seen posts about recently such as TopStyle: http://topstyle4.com/

Though I have no experience with it as I prefer Sublime Text and Vim.

  • It isn't that designing by code is daunting, it's that with a visual IDE I believe I could develop more quickly. I am really just wanting to edit nodes for a custom content type. The custom content type has several sub-types that each need specialized HTML layout for the presentation I am wanting to do. So if I could just open a mini window, create a generic layout for the content type, then edit it for each sub-type, and with each edit if I could just hit save and dump to code... then I could just massage Drupal variables into those edits and voila! tpl! – randomblink May 22 '13 at 13:22

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.