HTML Editor extensions for MovableType
Helping you to build MovableType sites in your HTML editor faster and more efficiently!

Mailing List
Using It
How it works

To make it easier to edit MovableType sites in TopStyle, I have produced a Clip Library. This allows you to drag and drop Movable Type tags (and if appropriate, their corresponding closing tag) into your code. Any time a tag has options I have included all of them. If you don't need to specify an option, you can just delete it.

Installation instructions
Save the Clip Library into your TopStyle clip library folder beneath the TopStyle installation. On my machine TopStyle was installed into C:\Program Files\Bradbury\TopStyle3\

The Clip Library folder is then in user\ClipLib Which means that after downloading, I saved the clip library in C:\Program Files\Bradbury\TopStyle3\user\ClipLib

Unzip the folder and save it in the Clip Library directory. Now, next time you start TopStyle, it should recognize the Clip Library. The one for Movable Type is called "MovableType", and is available in the pulldown. If you don't see the Clip Library, you can turn the Clip Library panels, as shown in the screenshot. If you need more information about how to use it with your MovableType website, see the directions below.

Step 1: Link your templates

You first want to link your templates to actual files. That way you can get to them from TopStyle. Go into MT's admin area and tie each template to a file. For each template that you want to edit in Dreamweaver, fill in a filename in the space labeled, "Link this template to a file". Now, rebuild your site to create filesystem versions of all your linked templates.

Example: if one of my templates is "index.html", I tie it to a file called "index.tpl.html". I never edit the actual "index.html", because that will be overwritten the minute I rebuild the site.

Step 2: Configure your FTP program to transfer files to/from your MovableType website and start editing

Now you're ready to start editing. Startup your favorite FTP client and configure it to upload and download to/from your MovableType website. When you've connected and hit refresh you'll see the linked versions of the templates. Remember, only edit the source files. In my example, that's the ones with the .tpl.html on the end. If you edit the files that MovableType creates (such as index.html), you'll lose your changes in Step 3.

When you want to include a MovableType tag in your code, simply drag it from the Clip Library to the window, as shown in the screenshots below.

1: Open up a source file in TopStyle such as index.tpl.html

2: Place your cursor in a location where you want an MT tag

3: Drag a desired tag from the clip library...

4: ...and watch it appear in your document template.


Step 3: Rebuild your site
Since TextPad doesn't have an integrated FTP client, you have to FTP your templates back up to your MovableType website manually. Open up your FTP client and upload them to your site. Don't forget to upload your source files over the source files on the website. Note that if you changed your template through the MovableType backend while you had a local copy being edited in TextPad, your TextPad changes will overwrite the ones done through the MovableType backend.
Step 4: Rebuild your site

Now that you've made your edits, login to your MovableType backend and hit the Rebuild option. This will rebuild your site from the templates. You should see the fruits of your labor!