Easily edit existing tags & link external CSS (looking for dialog boxes)

  • Advertisement ( why? )
     

    oddsox, 25th Sep 2012 7:36 pm

    I apologize these are probably a dumb questions. I've used Macromedia's Homesite for years and having trouble figuring out how to do simple things in HTML-Kit Tools.

    First, I think my menu bar is missing some general options. Whenever I search how to do something I don't seem to have the options available under the file > edit or tool's submenus. Ex. When I searched how to do something (sorry I can't remember what right now) it said to select Tools > Actions, another said to select Tools > Commands.

    Here are two things I've tried to do recently.

    1) Add a link to an external style sheet, One of the plugins I installed writes this:
    <link href="href" rel="rel" type="type">content</link>

    Not sure why "content" is in the default code and it'd be nice if before the code is written to the doc, there was some wizard or dialog box that provided some options. In Homesite you select insert style sheet, then a dialog box appears that allows you to browse for the css file.

    2) Edit an existing tag. In Homesite you can right click in any tag and edit it easily. Right click in any tag and a dialog box pops up, hit OK it's all done.

    ex. Right click anywhere in <a href.. and a dialog box pops up with the options for UR, title, target etc.

    I love the "list wizard" and guessing maybe I'm missing plugins, or not using the ones I have correctly.

    Any help greatly appreciated.

    HTML-Kit Tools ver.20120815

    Plugins:
    bsStyle, foryou, tdplugins, twjavascript

    TIA.

    • HTML-Kit Support, 26th Sep 2012 2:45 am

      Hi,

      On 9/25/2012 7:36 PM, oddsox wrote:

      I apologize these are probably a dumb questions. I've used
      Macromedia's Homesite for years and having trouble figuring out how
      to do simple things in HTML-Kit Tools.

      These really aren't dumb questions and you'll be helping others with
      similar questions who haven't gotten around to asking on the forums.

      First, I think my menu bar is missing some general options. Whenever
      I search how to do something I don't seem to have the options
      available under the file > edit or tool's submenus. Ex. When I
      searched how to do something (sorry I can't remember what right now)
      it said to select Tools > Actions, another said to select Tools >
      Commands.

      www.htmlkit.com has information about the previous version (HTML-Kit
      292
      ) and the current HTML-Kit Tools version you're using. Unfortunately
      the site structure isn't clearly divided between the two so it's easy to
      find references to the old version and some of the menu items you've
      come across are from HTML-Kit 292. As a general rule of thumb, if it
      doesn't specifically say "HTML-Kit Tools" then I'd assume that it's
      talking about the previous version of HTML-Kit.

      As for cleaning up the site, it's just gotten too big over time. It'd
      take up too much time to go through each page not to mention broken
      links any meaningful reorganization would create. So starting over with
      a new domain specific to HTML-Kit Tools might be the practical thing to do.

      Here are two things I've tried to do recently.

      1) Add a link to an external style sheet, One of the plugins I
      installed writes this:
      <link href="href" rel="rel" type="type">content</link>

      Not sure why "content" is in the default code and it'd be nice if
      before the code is written to the doc, there was some wizard or
      dialog box that provided some options. In Homesite you select insert
      style sheet, then a dialog box appears that allows you to browse for
      the css file.

      Without knowing which plugin had this code I wouldn't be able to address
      it specifically, but I agree with you in general. And luckily there are
      other ways to do this that also include the css file for you.

      You can for example right click a *.css file in project window and
      select link tag on "Insert in Editor" menu:

      http://www.htmlkit.com/view/#!/i/hkt-insert-from-project-1

      Right clicking a file and then going to Insert in Editor menu is one way
      to do this, but here's a shortcut: hold Ctrl key down and right click a
      file.

      You can also create custom snippets to insert tags like this but I'd try
      the above first.

      2) Edit an existing tag. In Homesite you can right click in any tag
      and edit it easily. Right click in any tag and a dialog box pops up,
      hit OK it's all done.

      ex. Right click anywhere in <a href.. and a dialog box pops up with
      the options for UR, title, target etc.

      I love the "list wizard" and guessing maybe I'm missing plugins, or
      not using the ones I have correctly.

      Any help greatly appreciated.

      HTML-Kit Tools ver.20120815

      Plugins:
      bsStyle, foryou, tdplugins, twjavascript

      TIA.

      I can definitely see where tag wizards would come in handy, and this is
      in the works. Ironically, the previous version of HTML-Kit (292) had tag
      wizards :)

      http://www.htmlkit.com/view/#!/i/hk292-tagwizard-1

      Sometimes though you can insert tags more quickly using new shortcuts in
      HTML-Kit Tools. If you type a tag name without <> and press Ctrl+J it'll
      insert a common use of that tag for you. But here's where this might be
      faster than using a dialog: you can press Tab to jump to the next
      relevant attribute or field.

      If you type meta and press Ctrl+J, it'll insert the tag and show name
      and content attributes as fields that you can jump to and edit right in
      the document:

      http://www.htmlkit.com/view/#!/i/hkt-html-kit-tools-shorthand-1

      I hope I was able to answer most of your questions. I may have saved the
      best for last... or not :) but... did you know that you can easily
      create custom dialogs to insert tags and other code?

      1. Select "File > Insert > Snippet window" from the main menu

      2. Click "+" icon or press Ctrl+Shift+T

      3. Enter a title, say, "Odd Wizard"

      4. In the big "Snippet" field, type:

        <meta name="{{Name}}" content="{{Content}}" />

      5. Click OK and you'll see Odd Wizard Snippet Window

      When you click Odd Wizard, it'll bring up a custom dialog box for you:

      http://www.htmlkit.com/view/#!/i/hkt-custom-snippet-with-dialog-1

      Keep an eye out for built-in tag wizards and nudge me if you don't see
      it soon enough :)

      Chami